Seamless black, red and yellow linear gradient

Linear gradient, 7 colors at 90°: #00000c, #890041, #d22e00, #f6fb82, #c43c00, #840845, #000011. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

• #00000c
• #890041
• #d22e00
• #f6fb82
• #c43c00
• #840845
• #000011

CSS

background: linear-gradient(90deg in oklch, oklch(7.15% 0.0485 266.31) 0.0%, oklch(40.56% 0.1635 3.03) 16.7%, oklch(56.30% 0.2044 33.62) 33.3%, oklch(96.06% 0.1447 110.79) 50.0%, oklch(55.12% 0.1811 37.84) 66.7%, oklch(40.16% 0.1571 359.83) 83.3%, oklch(8.01% 0.0555 264.05) 100.0%);

In these collections

Black Friday gradientsFire gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works