Analogous teal to blue linear gradient

Analogous teal to blue palette with 32 colors. #005664, #04717f, #0188a1, #0198be, #00a4d7. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

#005664
#005866
#005b68
#005e6c
#01616f
#026573
#026977
#036d7b
#04717f
#047484
#047888
#037b8c
#037d90
#028094
#018398
#01869d
#0188a1
#018ba5
#018daa
#028fae
#0291b2
#0293b6
#0296ba
#0198be
#009ac2
#009cc6
#009ec9
#009fcd
#00a1d0
#00a2d3
#00a3d5
#00a4d7

CSS

background: linear-gradient(135deg in oklch, oklch(41.74% 0.0728 212.37) 0.0%, oklch(42.38% 0.0739 212.26) 3.2%, oklch(43.21% 0.0753 212.03) 6.5%, oklch(44.20% 0.0768 211.77) 9.7%, oklch(45.31% 0.0785 211.48) 12.9%, oklch(46.50% 0.0803 211.20) 16.1%, oklch(47.74% 0.0822 210.96) 19.4%, oklch(48.99% 0.0842 210.80) 22.6%, oklch(50.21% 0.0863 210.76) 25.8%, oklch(51.37% 0.0883 210.86) 29.0%, oklch(52.43% 0.0903 211.15) 32.3%, oklch(53.39% 0.0923 211.65) 35.5%, oklch(54.32% 0.0943 212.37) 38.7%, oklch(55.23% 0.0964 213.27) 41.9%, oklch(56.12% 0.0985 214.31) 45.2%, oklch(56.98% 0.1007 215.45) 48.4%, oklch(57.82% 0.1029 216.65) 51.6%, oklch(58.64% 0.1051 217.87) 54.8%, oklch(59.44% 0.1073 219.07) 58.1%, oklch(60.20% 0.1095 220.20) 61.3%, oklch(60.94% 0.1116 221.24) 64.5%, oklch(61.65% 0.1137 222.14) 67.7%, oklch(62.36% 0.1159 223.02) 71.0%, oklch(63.05% 0.1182 223.89) 74.2%, oklch(63.74% 0.1205 224.74) 77.4%, oklch(64.39% 0.1226 225.57) 80.6%, oklch(65.01% 0.1247 226.35) 83.9%, oklch(65.59% 0.1267 227.08) 87.1%, oklch(66.12% 0.1286 227.75) 90.3%, oklch(66.60% 0.1303 228.34) 93.5%, oklch(67.00% 0.1318 228.85) 96.8%, oklch(67.32% 0.1331 229.26) 100.0%);

In these collections

Cyan gradients Teal gradients Text gradients