Analogous navy to teal linear gradient

Linear gradient, 7 colors at 90°: #0e1c53, #15295a, #1f3a64, #294b6c, #355c73, #3f6f79, #4c7d7b. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#0e1c53
#15295a
#1f3a64
#294b6c
#355c73
#3f6f79
#4c7d7b

CSS

background: linear-gradient(90deg in oklch, oklch(25.59% 0.1006 267.19) 0.0%, oklch(29.65% 0.0924 264.41) 16.7%, oklch(35.04% 0.0813 258.73) 33.3%, oklch(40.33% 0.0686 249.29) 50.0%, oklch(45.67% 0.0579 235.48) 66.7%, oklch(51.25% 0.0543 212.37) 83.3%, oklch(55.51% 0.0537 192.16) 100.0%);

In these collections

Blue and teal swatches