Gradient information

Start color
#8299b4 - Grayish azure
End color
#7d664b - Dark grayish brown
Steps
5

RGB Gradient

Spot colors

CSS Gradient Editor

Position



Order

Gradient type

Effect

CSS

/* NOTE: Linear gradients do not center. Therefore I made it slant 72 deg - look for the hidden message! ;) */ background-image: linear-gradient(72deg, #8299b4, #808c99, #7f7f7f, #7e7265, #7d664b);

HSV Clockwise Gradient

Spot colors

CSS Gradient Editor

Position



Order

Gradient type

Effect

CSS

/* NOTE: Linear gradients do not center. Therefore I made it slant 72 deg - look for the hidden message! ;) */ background-image: linear-gradient(72deg, #8299b4, #8172a6, #986496, #8a5762, #7c664a);

HSV Counterclockwise Gradient

Spot colors

CSS Gradient Editor

Position



Order

Gradient type

Effect

CSS

/* NOTE: Linear gradients do not center. Therefore I made it slant 72 deg - look for the hidden message! ;) */ background-image: linear-gradient(72deg, #8299b4, #72a69b, #649866, #7b8a57, #7c664a);