Rosa, laranja e amarelo em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #e949b0, #fb4697, #ff6078, #ff7862, #ff8f4c, #feac00, #edc700. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #e949b0
• #fb4697
• #ff6078
• #ff7862
• #ff8f4c
• #feac00
• #edc700

CSS

background: linear-gradient(90deg in oklch, oklch(66.14% 0.2205 345.23) 0.0%, oklch(67.74% 0.2259 357.85) 16.7%, oklch(70.08% 0.1931 14.82) 33.3%, oklch(72.78% 0.1689 31.27) 50.0%, oklch(75.98% 0.1577 49.70) 66.7%, oklch(80.29% 0.1697 74.59) 83.3%, oklch(83.86% 0.1722 95.13) 100.0%);

Nestas coleções

PêssegoGradientes neon

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona