Navy, teal and green linear gradient

Linear gradient, 7 colors at 90°: #1c4044, #0f2e3a, #09182c, #0a1730, #004759, #4d946c, #bcbf67. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#1c4044
#0f2e3a
#09182c
#0a1730
#004759
#4d946c
#bcbf67

CSS

background: linear-gradient(90deg in oklch, oklch(34.65% 0.0413 205.31) 0.0%, oklch(28.43% 0.0424 227.86) 16.7%, oklch(20.69% 0.0447 256.74) 33.3%, oklch(20.87% 0.0524 262.38) 50.0%, oklch(36.88% 0.0679 221.57) 66.7%, oklch(60.80% 0.0945 157.41) 83.3%, oklch(78.35% 0.1116 110.20) 100.0%);

In these collections

Spring thunder over veld