Cool navy, teal and blue linear gradient

Linear gradient, 7 colors at 90°: #031c27, #073a45, #0e5d63, #177a7c, #32718b, #445784, #4b376c. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#031c27
#073a45
#0e5d63
#177a7c
#32718b
#445784
#4b376c

CSS

background: linear-gradient(90deg in oklch, oklch(21.26% 0.0386 229.92) 0.0%, oklch(32.09% 0.0534 216.73) 16.7%, oklch(43.88% 0.0707 202.76) 33.3%, oklch(52.76% 0.0841 197.16) 50.0%, oklch(51.90% 0.0759 227.73) 66.7%, oklch(46.11% 0.0771 266.16) 83.3%, oklch(38.58% 0.0896 299.67) 100.0%);

In these collections

Cool gradients