Gradient information

Start color
#cc5875 - Moderate crimson
End color
#33a78a - Moderate turquoise
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, #cc5875, #a56b7a, #7f7f7f, #599384, #33a78a);

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, #cc5874, #c2884d, #9cb944, #3bb03b, #33a78a);

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, #cc5874, #c24dc2, #6144b9, #3b75b0, #33a78a);