Bege, vermelho, preto e turquesa: gradiente linear

Gradiente linear, 8 cores a 90°: #feffe5, #fdf08f, #ff7c38, #cc000a, #200103, #000000, #00403c, #1ab68d. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #feffe5
• #fdf08f
• #ff7c38
• #cc000a
• #200103
• #000000
• #00403c
• #1ab68d

CSS

background: linear-gradient(90deg in oklch, oklch(99.21% 0.0338 109.67) 0.0%, oklch(94.49% 0.1185 101.23) 14.3%, oklch(72.83% 0.1778 45.23) 28.6%, oklch(53.16% 0.2175 28.33) 42.9%, oklch(15.75% 0.0579 21.98) 57.1%, oklch(0.11% 0.0006 284.28) 71.4%, oklch(33.47% 0.0581 188.58) 85.7%, oklch(69.29% 0.1350 168.51) 100.0%);

Nestas coleções

Gradientes multicoloridos vivosGradientes multicoloridos

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona