Monochrome navy to blue linear gradient

Linear gradient, 7 colors at 90°: #003e58, #015c77, #037791, #0884a0, #0880a1, #076d94, #09537f. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#003e58
#015c77
#037791
#0884a0
#0880a1
#076d94
#09537f

CSS

background: linear-gradient(90deg in oklch, oklch(34.25% 0.0717 234.14) 0.0%, oklch(44.23% 0.0844 226.12) 16.7%, oklch(52.64% 0.0956 220.76) 33.3%, oklch(56.69% 0.1020 220.40) 50.0%, oklch(55.88% 0.1038 224.43) 66.7%, oklch(50.35% 0.1018 232.73) 83.3%, oklch(42.52% 0.0978 242.59) 100.0%);

In these collections

Ocean swatches