Skip to content
Grabient palettes

Blue, lavender and pink linear gradient

Blue, lavender and pink color palette

Linear gradient, 6 colors at 180°: #658acc, #75b7ce, #bbd0f8, #f9ccfc, #ffadd6, #d07cc6. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #658acc
  • #75b7ce
  • #bbd0f8
  • #f9ccfc
  • #ffadd6
  • #d07cc6

CSS

background: linear-gradient(180deg in oklch, oklch(63.39% 0.1089 261.56) 0.0%, oklch(74.41% 0.0744 221.41) 20.0%, oklch(85.43% 0.0606 263.68) 40.0%, oklch(89.76% 0.0813 323.91) 60.0%, oklch(83.86% 0.1079 348.21) 80.0%, oklch(70.08% 0.1406 331.31) 100.0%);

In these collections

Cape daisy sea breezePink and blue gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works