Analogous navy to teal linear gradient

Linear gradient, 7 colors at 90°: #001e44, #003156, #004d71, #007190, #0096ad, #00b9c4, #00d1d1. Edit and export CSS, SVG, PNG or a shader.

2 editable OKLCH keyframes.

#001e44
#003156
#004d71
#007190
#0096ad
#00b9c4
#00d1d1

CSS

background: linear-gradient(90deg in oklch, oklch(24.03% 0.0804 255.44) 0.0%, oklch(30.52% 0.0823 248.09) 16.7%, oklch(40.00% 0.0879 237.44) 33.3%, oklch(50.99% 0.0967 225.14) 50.0%, oklch(61.97% 0.1084 212.85) 66.7%, oklch(71.46% 0.1216 202.25) 83.3%, oklch(77.95% 0.1330 195.00) 100.0%);

In these collections

Two color gradients