The CSS background-blend-mode property blends the backgrounds of an element: colours, images, and gradients, together with Photoshop-like blend modes (multiply, screen, overlay, etc). It is very new and is currently supported by the latest releases of Chrome, Firefox, and Opera. The property is coming to Safari soon but is not available in Internet Explorer. Bennett Feely has shared several CSS gradients backgrounds made possible via background-blend-mode. Check it out.