Using gradients, a progression of color that goes seamlessly from one shade to the next, can be an ideal way to dress up a background or add a jolt of color to a logo, avatar or other image file.

Background image in Microsoft Internet Explorer 9 ... Mozilla requires the type to be defined in the vendor prefix: background: -moz-linear-gradient( angle location, color percentage, color percentage ...

In the image below ... blue with three gradient stops, with type Linear, 5% transparency, and 22% brightness. To customize the Pattern fill, select the foreground color, background color, and ...