Analogous light blue, teal and blue linear gradient

Linear gradient, 6 colors at 90°: #a4ecfe, #69dff1, #32d2de, #16bbbf, #0a8eaa, #09588b. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

• #a4ecfe
• #69dff1
• #32d2de
• #16bbbf
• #0a8eaa
• #09588b

CSS

background: linear-gradient(90deg in oklch, oklch(90.16% 0.0758 215.16) 0.0%, oklch(84.25% 0.1089 208.82) 20.0%, oklch(79.13% 0.1254 202.48) 40.0%, oklch(72.05% 0.1199 197.19) 60.0%, oklch(59.84% 0.1061 218.33) 80.0%, oklch(44.49% 0.1075 244.75) 100.0%);

In these collections

Summer gradientsSpring gradientsLight multicolor gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works