Analogous blue and teal linear gradient

Analogous blue and teal palette with 7 colors. #0681d2, #0eabdc, #1ad5dd, #22e3d4, #47ccce, #599ed7, #6379e0. Edit and export CSS, SVG, PNG or a shader.

7 colors, 7 editable OKLCH keyframes.

#0681d2
#0eabdc
#1ad5dd
#22e3d4
#47ccce
#599ed7
#6379e0

CSS

background: linear-gradient(150deg in oklch, oklch(58.66% 0.1543 247.50) 0.0%, oklch(69.29% 0.1323 227.42) 16.7%, oklch(79.53% 0.1323 199.95) 33.3%, oklch(82.68% 0.1406 186.21) 50.0%, oklch(77.56% 0.1130 196.78) 66.7%, oklch(67.72% 0.1102 245.39) 83.3%, oklch(61.02% 0.1571 271.81) 100.0%);

In these collections

Cyan gradients Teal gradients