Analogous blue and teal angular gradient

Analogous blue and teal palette with 32 colors. #0681d2, #08c4df, #27e2d3, #49b9d5, #6379e0. Edit and export CSS, SVG, PNG or a shader.

32 colors, 7 editable OKLCH keyframes.

#0681d2
#0086d4
#008ed5
#0198d8
#08a1da
#0eaadb
#0db2dd
#09bbde
#08c4df
#0ecddf
#17d3de
#1dd9dd
#1edddb
#1ce0d9
#1ce3d7
#1fe3d5
#27e2d3
#33e0d1
#3ddbcf
#44d6ce
#47d0ce
#47cacf
#46c2d2
#49b9d5
#4fafd6
#55a5d7
#599dd7
#5b95d8
#5c8ddb
#5e85dd
#607fdf
#6379e0

CSS

background: conic-gradient(from 150deg in oklch, oklch(58.66% 0.1543 247.50) 0.0%, oklch(60.06% 0.1511 244.99) 3.2%, oklch(62.02% 0.1460 241.54) 6.5%, oklch(64.32% 0.1411 237.39) 9.7%, oklch(66.71% 0.1362 232.85) 12.9%, oklch(68.95% 0.1327 228.19) 16.1%, oklch(71.04% 0.1309 223.26) 19.4%, oklch(73.24% 0.1303 217.66) 22.6%, oklch(75.41% 0.1305 211.84) 25.8%, oklch(77.40% 0.1312 206.24) 29.0%, oklch(79.07% 0.1320 201.35) 32.3%, oklch(80.34% 0.1332 197.32) 35.5%, oklch(81.36% 0.1356 193.64) 38.7%, oklch(82.11% 0.1384 190.46) 41.9%, oklch(82.58% 0.1405 188.01) 45.2%, oklch(82.73% 0.1411 186.52) 48.4%, oklch(82.53% 0.1392 186.11) 51.6%, oklch(81.94% 0.1344 186.36) 54.8%, oklch(81.02% 0.1280 187.46) 58.1%, oklch(79.85% 0.1213 189.69) 61.3%, oklch(78.51% 0.1156 193.37) 64.5%, oklch(77.05% 0.1120 198.88) 67.7%, oklch(75.28% 0.1093 207.17) 71.0%, oklch(73.26% 0.1073 217.39) 74.2%, oklch(71.17% 0.1065 228.23) 77.4%, oklch(69.18% 0.1076 238.39) 80.6%, oklch(67.45% 0.1110 246.59) 83.9%, oklch(65.86% 0.1184 253.38) 87.1%, oklch(64.35% 0.1288 259.38) 90.3%, oklch(62.98% 0.1401 264.52) 93.5%, oklch(61.85% 0.1502 268.69) 96.8%, oklch(61.02% 0.1571 271.81) 100.0%);

In these collections

Cyan gradients Teal gradients