Photoshop's Gradient tool may not be on most users' lists of go-to editing options. But it should be. In combination with layer masks, the Gradient tool lets you create natural-looking composite ...
A compass extension to translate between Photoshop gradient overlays and CSS linear-gradients. Allows you to take values directly from the layer style and create an identical gradient in pure CSS.
How to use Gradient Maps to create mono images in Photoshop.