Navy teal green gradient

Linear gradient, 7 colors at 270°: #111944, #022d74, #004aa4, #006cc1, #0790c4, #15b7a7, #2ddd75. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#111944
#022d74
#004aa4
#006cc1
#0790c4
#15b7a7
#2ddd75

CSS

background: linear-gradient(270deg in oklch, oklch(23.62% 0.0813 270.70) 0.0%, oklch(32.28% 0.1295 260.14) 16.7%, oklch(42.92% 0.1593 258.06) 33.3%, oklch(52.76% 0.1565 251.70) 50.0%, oklch(61.42% 0.1268 233.72) 66.7%, oklch(70.08% 0.1213 184.05) 83.3%, oklch(79.13% 0.1998 151.29) 100.0%);

In these collections

Blue and green gradients