Amarelo, pêssego e rosa em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #ffe240, #ffd04e, #fcbb5e, #fca96d, #fb977c, #fc8189, #f9709a. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #ffe240
• #ffd04e
• #fcbb5e
• #fca96d
• #fb977c
• #fc8189
• #f9709a

CSS

background: linear-gradient(90deg in oklch, oklch(90.94% 0.1709 98.44) 0.0%, oklch(87.57% 0.1519 88.66) 16.7%, oklch(83.46% 0.1323 74.13) 33.3%, oklch(80.39% 0.1243 55.64) 50.0%, oklch(77.56% 0.1268 36.09) 66.7%, oklch(74.43% 0.1492 17.33) 83.3%, oklch(72.05% 0.1722 3.33) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona