Amarelo, laranja, rosa e azul em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #f4d547, #f6a415, #e96c31, #d95042, #c53e64, #824aa2, #325a9c. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #f4d547
• #f6a415
• #e96c31
• #d95042
• #c53e64
• #824aa2
• #325a9c

CSS

background: linear-gradient(90deg in oklch, oklch(87.40% 0.1571 96.33) 0.0%, oklch(78.03% 0.1631 72.15) 16.7%, oklch(67.32% 0.1695 43.49) 33.3%, oklch(61.34% 0.1752 28.96) 50.0%, oklch(56.69% 0.1722 7.56) 66.7%, oklch(51.30% 0.1442 311.42) 83.3%, oklch(47.24% 0.1157 259.77) 100.0%);

Nestas coleções

Infância retrô

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona