Amarelo, laranja e vermelho em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #e5f797, #f5ef86, #fed376, #ffa35d, #ff6246, #fb042b, #ee090e. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #e5f797
• #f5ef86
• #fed376
• #ffa35d
• #ff6246
• #fb042b
• #ee090e

CSS

background: linear-gradient(90deg in oklch, oklch(94.09% 0.1213 117.42) 0.0%, oklch(93.49% 0.1276 106.00) 16.7%, oklch(88.51% 0.1221 85.41) 33.3%, oklch(79.48% 0.1387 56.33) 50.0%, oklch(69.54% 0.1963 32.37) 66.7%, oklch(62.39% 0.2519 25.07) 83.3%, oklch(59.84% 0.2425 28.65) 100.0%);

Nestas coleções

Gradientes em tons quentes

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona