Verde-claro, amarelo e laranja: gradiente linear

Gradiente linear, 7 cores a 90°: #d7f2c1, #dfea89, #f2d748, #fbc010, #ffa000, #ff7c02, #fd5415. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #d7f2c1
• #dfea89
• #f2d748
• #fbc010
• #ffa000
• #ff7c02
• #fd5415

CSS

background: linear-gradient(90deg in oklch, oklch(92.91% 0.0717 131.48) 0.0%, oklch(90.83% 0.1223 114.30) 16.7%, oklch(87.78% 0.1583 98.45) 33.3%, oklch(83.86% 0.1695 86.04) 50.0%, oklch(78.45% 0.1717 68.38) 66.7%, oklch(72.53% 0.1883 51.09) 83.3%, oklch(67.32% 0.2150 37.43) 100.0%);

Nestas coleções

Gradientes brilhantesGradientes de colheita

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona