Gradient information

Start color
#ff0099 - Luminous vivid cerise
End color
#99ff99 - Very light green
Steps
6

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, #ff0099, #ea3399, #d66699, #c19999, #adcc99, #99ff99);

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, #ff0098, #ff1e30, #ff923d, #fff85b, #bfff7a, #99ff99);

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, #ff0098, #c01eff, #443dff, #5bc4ff, #7affd4, #99ff99);