Analogous gray, teal, navy and black linear gradient

Linear gradient, 7 colors at 90°: #8b715a, #748570, #558384, #186d80, #004262, #001534, #000008. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#8b715a
#748570
#558384
#186d80
#004262
#001534
#000008

CSS

background: linear-gradient(90deg in oklch, oklch(56.69% 0.0469 61.17) 0.0%, oklch(59.67% 0.0379 140.08) 16.7%, oklch(57.83% 0.0508 196.48) 33.3%, oklch(49.61% 0.0813 216.51) 50.0%, oklch(35.96% 0.0798 238.03) 66.7%, oklch(20.03% 0.0685 256.04) 83.3%, oklch(6.15% 0.0407 268.86) 100.0%);

In these collections

Navy swatches