Analogous navy to teal linear gradient

Analogous navy to teal palette with 32 colors. #0e3146, #0f485c, #146071, #207582, #368a95. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

#0e3146
#0f3348
#0f354a
#0f374d
#0f3b4f
#0f3e52
#0f4155
#0f4558
#0f485c
#104c5e
#104f61
#105264
#115566
#125869
#125b6b
#135e6e
#146071
#156373
#166676
#176978
#196c7b
#1b6f7d
#1d7280
#207582
#237885
#267b88
#2a7e8a
#2d818d
#2f848f
#328691
#348893
#368a95

CSS

background: linear-gradient(225deg in oklch, oklch(29.92% 0.0551 239.77) 0.0%, oklch(30.51% 0.0558 238.70) 3.2%, oklch(31.27% 0.0568 237.29) 6.5%, oklch(32.17% 0.0579 235.61) 9.7%, oklch(33.18% 0.0591 233.73) 12.9%, oklch(34.26% 0.0604 231.72) 16.1%, oklch(35.40% 0.0618 229.65) 19.4%, oklch(36.55% 0.0632 227.60) 22.6%, oklch(37.70% 0.0646 225.64) 25.8%, oklch(38.80% 0.0659 223.84) 29.0%, oklch(39.83% 0.0671 222.26) 32.3%, oklch(40.79% 0.0683 220.94) 35.5%, oklch(41.73% 0.0695 219.74) 38.7%, oklch(42.66% 0.0707 218.64) 41.9%, oklch(43.58% 0.0719 217.63) 45.2%, oklch(44.50% 0.0731 216.70) 48.4%, oklch(45.41% 0.0742 215.83) 51.6%, oklch(46.31% 0.0753 215.01) 54.8%, oklch(47.22% 0.0763 214.24) 58.1%, oklch(48.11% 0.0772 213.49) 61.3%, oklch(49.01% 0.0781 212.77) 64.5%, oklch(49.91% 0.0788 212.05) 67.7%, oklch(50.86% 0.0793 211.36) 71.0%, oklch(51.86% 0.0798 210.71) 74.2%, oklch(52.88% 0.0801 210.09) 77.4%, oklch(53.89% 0.0804 209.51) 80.6%, oklch(54.89% 0.0806 208.97) 83.9%, oklch(55.83% 0.0808 208.47) 87.1%, oklch(56.71% 0.0809 208.03) 90.3%, oklch(57.48% 0.0811 207.63) 93.5%, oklch(58.14% 0.0812 207.29) 96.8%, oklch(58.66% 0.0813 207.01) 100.0%);

In these collections

Cool blue Blue gradients