Analogous blue, light blue and cyan linear gradient

Linear gradient, 7 colors at 90°: #1a4861, #005d9c, #1d74e7, #1d97fc, #25bcff, #39e4ff, #75fff7. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

• #1a4861
• #005d9c
• #1d74e7
• #1d97fc
• #25bcff
• #39e4ff
• #75fff7

CSS

background: linear-gradient(90deg in oklch, oklch(38.19% 0.0648 235.55) 0.0%, oklch(46.73% 0.1262 248.13) 16.7%, oklch(57.48% 0.1915 257.74) 33.3%, oklch(66.49% 0.1799 250.28) 50.0%, oklch(75.20% 0.1506 234.49) 66.7%, oklch(84.77% 0.1363 210.84) 83.3%, oklch(92.12% 0.1214 190.11) 100.0%);

In these collections

Teal gradientsCool swatchesSummer swatchesBlue and teal swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works