Gradient information

Start color
#2d355a - Dark phthalo blue
End color
#d2caa5 - Pale, light grayish gold
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, #2d355a, #565a6c, #7f7f7f, #a8a492, #d2caa5);

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, #2d345a, #624478, #966084, #b38480, #d1caa4);

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, #2d345a, #447478, #609671, #96b380, #d1caa4);