Gradient information

Start color
#809330 - Moderate lime green
End color
#7f6ccf - Grayish indigo
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, #809330, #7f8957, #7f7f7f, #7f75a7, #7f6ccf);

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, #7f9230, #42a13c, #4bb191, #5a93bf, #7e6ccf);

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, #809230, #a1693c, #b14b6a, #ba5abf, #7e6ccf);