Duotone navy to teal linear gradient

Duotone navy to teal palette with 32 colors. #000527, #01033f, #041950, #11345c, #20576d, #2b7577, #3f9a87, #4bb290. Edit and export CSS, SVG, PNG or a shader.

32 colors, 5 editable OKLCH keyframes.

#000527
#00052a
#000432
#00013b
#01033f
#020542
#030846
#030d49
#04134d
#041950
#052053
#082656
#0c2d59
#11345c
#163b5f
#1a4262
#1d4966
#1f506a
#20576d
#225f70
#246673
#276e75
#2b7577
#307c7a
#35837c
#398a80
#3c9283
#3f9a87
#42a18a
#45a88c
#48ae8e
#4bb290

CSS

background: linear-gradient(135deg in oklch, oklch(14.22% 0.0721 263.06) 0.0%, oklch(14.79% 0.0778 263.39) 3.2%, oklch(15.49% 0.0912 264.06) 6.5%, oklch(16.29% 0.1089 264.43) 9.7%, oklch(17.25% 0.1100 265.34) 12.9%, oklch(18.35% 0.1108 266.06) 16.1%, oklch(19.58% 0.1110 266.37) 19.4%, oklch(20.94% 0.1102 266.12) 22.6%, oklch(22.44% 0.1082 265.12) 25.8%, oklch(24.13% 0.1045 263.62) 29.0%, oklch(26.02% 0.0994 261.73) 32.3%, oklch(28.05% 0.0934 259.43) 35.5%, oklch(30.19% 0.0871 256.69) 38.7%, oklch(32.38% 0.0810 253.49) 41.9%, oklch(34.58% 0.0757 249.78) 45.2%, oklch(36.74% 0.0716 245.56) 48.4%, oklch(38.84% 0.0693 240.68) 51.6%, oklch(40.97% 0.0679 234.65) 54.8%, oklch(43.13% 0.0674 227.73) 58.1%, oklch(45.30% 0.0675 220.27) 61.3%, oklch(47.47% 0.0684 212.67) 64.5%, oklch(49.62% 0.0697 205.30) 67.7%, oklch(51.74% 0.0716 198.52) 71.0%, oklch(53.82% 0.0738 192.72) 74.2%, oklch(55.90% 0.0767 187.99) 77.4%, oklch(58.11% 0.0808 183.82) 80.6%, oklch(60.36% 0.0858 180.16) 83.9%, oklch(62.58% 0.0912 176.97) 87.1%, oklch(64.66% 0.0966 174.21) 90.3%, oklch(66.53% 0.1017 171.86) 93.5%, oklch(68.10% 0.1059 169.87) 96.8%, oklch(69.29% 0.1089 168.21) 100.0%);

In these collections

Ocean gradients Navy and teal gradients