Caramelo, roxo, marrom e azul: gradiente linear

Gradiente linear, 7 cores a 90°: #fde39c, #cca056, #954a87, #3c1730, #4b3622, #e5a259, #737ab6. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #fde39c
• #cca056
• #954a87
• #3c1730
• #4b3622
• #e5a259
• #737ab6

CSS

background: linear-gradient(90deg in oklch, oklch(92.13% 0.0937 90.00) 0.0%, oklch(73.13% 0.1062 78.50) 16.7%, oklch(52.36% 0.1266 334.93) 33.3%, oklch(27.12% 0.0673 342.34) 50.0%, oklch(35.07% 0.0437 65.46) 66.7%, oklch(76.17% 0.1196 66.26) 83.3%, oklch(59.84% 0.0923 277.75) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona