Gradient information

Start color
#73c92d - Moderate chartreuse green
End color
#8c36d2 - Brilliant violet
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, #73c92d, #79a456, #7f7f7f, #855aa8, #8c36d2);

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, #72c92c, #2fcb5e, #31c5cd, #3352cf, #8b35d1);

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, #72c92c, #cbac2f, #cd3931, #cf33a0, #8b35d1);