Analogous navy, teal and blue linear gradient

Linear gradient, 7 colors at 90°: #153964, #0b5776, #077b8c, #009ca4, #14afc1, #00b2e2, #2ea5ff. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#153964
#0b5776
#077b8c
#009ca4
#14afc1
#00b2e2
#2ea5ff

CSS

background: linear-gradient(90deg in oklch, oklch(34.25% 0.0868 255.23) 0.0%, oklch(43.15% 0.0841 232.10) 16.7%, oklch(53.50% 0.0918 211.63) 33.3%, oklch(62.99% 0.1071 201.34) 50.0%, oklch(69.13% 0.1162 207.95) 66.7%, oklch(71.22% 0.1355 225.50) 83.3%, oklch(70.08% 0.1662 246.78) 100.0%);