Vivid yellow, green and blue linear gradient

Linear gradient, 7 colors at 90°: #eaff8a, #a6f353, #36ec87, #1bddc8, #00a6e4, #5369fb, #7143f0. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #eaff8a
• #a6f353
• #36ec87
• #1bddc8
• #00a6e4
• #5369fb
• #7143f0

CSS

background: linear-gradient(90deg in oklch, oklch(96.06% 0.1436 117.42) 0.0%, oklch(88.32% 0.2039 131.47) 16.7%, oklch(83.30% 0.2002 153.00) 33.3%, oklch(80.71% 0.1406 182.94) 50.0%, oklch(68.43% 0.1437 234.26) 66.7%, oklch(58.81% 0.2175 271.47) 83.3%, oklch(54.33% 0.2411 287.56) 100.0%);

In these collections

Oil slick colorsGolden pollenBright swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works