Analogous light blue, blue and teal linear gradient

Analogous light blue, blue and teal color palette

Linear gradient, 7 colors at 90°: #bff6f8, #3f7383, #004952, #157a68, #2a8b8a, #288297, #12678b. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#bff6f8
#3f7383
#004952
#157a68
#2a8b8a
#288297
#12678b

CSS

background: linear-gradient(90deg in oklch, oklch(93.70% 0.0565 198.98) 0.0%, oklch(52.70% 0.0604 218.71) 16.7%, oklch(36.99% 0.0638 209.43) 33.3%, oklch(51.97% 0.0909 176.79) 50.0%, oklch(58.30% 0.0874 193.97) 66.7%, oklch(56.43% 0.0875 216.40) 83.3%, oklch(48.43% 0.0937 232.80) 100.0%);

In these collections

Blue and teal swatches