Rainbow from blue to light blue linear gradient

Linear gradient, 7 colors at 90°: #3e78ff, #ff6e80, #ff895f, #fd54c1, #f1a500, #37f2cc, #dbeeff. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #3e78ff
• #ff6e80
• #ff895f
• #fd54c1
• #f1a500
• #37f2cc
• #dbeeff

CSS

background: linear-gradient(90deg in oklch, oklch(61.02% 0.2104 263.67) 0.0%, oklch(71.93% 0.1772 15.18) 16.7%, oklch(75.17% 0.1547 39.96) 33.3%, oklch(70.87% 0.2301 345.04) 50.0%, oklch(77.53% 0.1630 75.79) 66.7%, oklch(86.32% 0.1531 174.67) 83.3%, oklch(94.09% 0.0303 244.98) 100.0%);

In these collections

Summer swatchesBright swatchesBack to school swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works