Caramelo, marrom e laranja (análogos) em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #ffe683, #dc9d57, #b26543, #d58a3c, #e3ae38, #91571d, #320d05. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #ffe683
• #dc9d57
• #b26543
• #d58a3c
• #e3ae38
• #91571d
• #320d05

CSS

background: linear-gradient(90deg in oklch, oklch(92.52% 0.1226 95.63) 0.0%, oklch(74.38% 0.1151 67.29) 16.7%, oklch(58.66% 0.1102 43.84) 33.3%, oklch(69.69% 0.1302 63.20) 50.0%, oklch(77.95% 0.1419 82.94) 66.7%, oklch(51.21% 0.1039 61.08) 83.3%, oklch(22.05% 0.0620 34.33) 100.0%);

Nestas coleções

Gradientes laranja

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona