Skip to content
Grabient palettes

Cool blue to light blue linear gradient

Cool blue to light blue color palette

Linear gradient, 5 colors at 135°: #0f0e7c, #1f4f9f, #64a4c5, #b6eaeb, #f2fcff. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #0f0e7c
  • #1f4f9f
  • #64a4c5
  • #b6eaeb
  • #f2fcff

CSS

background: linear-gradient(135deg in oklch, oklch(28.35% 0.1709 268.59) 0.0%, oklch(44.09% 0.1406 260.14) 25.0%, oklch(68.90% 0.0813 231.61) 50.0%, oklch(90.16% 0.0537 196.73) 75.0%, oklch(98.42% 0.0117 216.74) 100.0%);

In these collections

Zoom background gradientsBlue and green gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works