Analogous navy to teal linear gradient

Linear gradient, 7 colors at 90°: #3d455c, #33425b, #243f57, #193e52, #103f4c, #074348, #064644. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#3d455c
#33425b
#243f57
#193e52
#103f4c
#074348
#064644

CSS

background: linear-gradient(90deg in oklch, oklch(39.37% 0.0400 269.30) 0.0%, oklch(37.70% 0.0469 259.26) 16.7%, oklch(35.83% 0.0537 246.05) 33.3%, oklch(34.72% 0.0543 233.83) 50.0%, oklch(34.25% 0.0537 220.69) 66.7%, oklch(34.94% 0.0565 203.78) 83.3%, oklch(35.83% 0.0593 190.04) 100.0%);

In these collections

Zoom background gradients