Laranja, roxo e vermelho (tritone) em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #f7b54a, #78376a, #59215e, #c95d1e, #e99100, #e06553, #6c2e82. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #f7b54a
• #78376a
• #59215e
• #c95d1e
• #e99100
• #e06553
• #6c2e82

CSS

background: linear-gradient(90deg in oklch, oklch(81.50% 0.1419 75.94) 0.0%, oklch(44.18% 0.1131 336.21) 16.7%, oklch(35.81% 0.1175 324.74) 33.3%, oklch(60.24% 0.1543 46.35) 50.0%, oklch(73.02% 0.1609 67.43) 66.7%, oklch(65.40% 0.1568 30.42) 83.3%, oklch(42.52% 0.1447 316.52) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona