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 ...

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.

However, the swatches are all the same color. There's also a simple scientific explanation for why the swatch appears to change colors as Kitaoka slides it across the gradient background.

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 ...