Vivid analogous blue and purple linear gradient

Linear gradient, 7 colors at 90°: #3e0091, #8b2ad7, #8b7cff, #4f80ff, #0062ae, #00589a, #aea3fe. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

• #3e0091
• #8b2ad7
• #8b7cff
• #4f80ff
• #0062ae
• #00589a
• #aea3fe

CSS

background: linear-gradient(90deg in oklch, oklch(33.88% 0.1921 289.67) 0.0%, oklch(52.55% 0.2409 304.41) 16.7%, oklch(66.27% 0.1878 285.46) 33.3%, oklch(63.19% 0.1969 265.38) 50.0%, oklch(49.06% 0.1443 251.40) 66.7%, oklch(45.45% 0.1280 249.82) 83.3%, oklch(75.98% 0.1295 288.63) 100.0%);

In these collections

Indigo swatchesBlue and purple swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works