Cool light blue, teal and blue linear gradient

Linear gradient, 7 colors at 90°: #c7edf2, #9adad2, #78c4a2, #5aad7b, #008f9e, #1a62bc, #4b3e98. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#c7edf2
#9adad2
#78c4a2
#5aad7b
#008f9e
#1a62bc
#4b3e98

CSS

background: linear-gradient(90deg in oklch, oklch(92.13% 0.0400 205.31) 0.0%, oklch(84.41% 0.0658 185.98) 16.7%, oklch(76.00% 0.0900 164.61) 33.3%, oklch(68.11% 0.1102 155.65) 50.0%, oklch(59.44% 0.1021 207.75) 66.7%, oklch(50.54% 0.1578 256.62) 83.3%, oklch(42.91% 0.1406 285.63) 100.0%);

In these collections

Cool swatches