Vivid analogous navy to teal linear gradient

Vivid analogous navy to teal color palette

Linear gradient, 7 colors at 90°: #002150, #01305e, #014671, #006583, #0b8493, #07a1a6, #00b7b3. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#002150
#01305e
#014671
#006583
#0b8493
#07a1a6
#00b7b3

CSS

background: linear-gradient(90deg in oklch, oklch(26.00% 0.0942 257.50) 0.0%, oklch(30.95% 0.0951 253.25) 16.7%, oklch(38.19% 0.0951 244.66) 33.3%, oklch(47.13% 0.0910 226.99) 50.0%, oklch(56.30% 0.0951 208.73) 66.7%, oklch(64.52% 0.1089 198.03) 83.3%, oklch(70.47% 0.1210 191.82) 100.0%);

In these collections

Blue and teal swatches