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

Gradiente linear, 7 cores a 90°: #e4ca58, #f7ba3e, #ffa33c, #fd833b, #ea615a, #bf426a, #8d2a68. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #e4ca58
• #f7ba3e
• #ffa33c
• #fd833b
• #ea615a
• #bf426a
• #8d2a68

CSS

background: linear-gradient(90deg in oklch, oklch(83.86% 0.1350 96.33) 0.0%, oklch(82.47% 0.1506 81.02) 16.7%, oklch(79.10% 0.1561 64.24) 33.3%, oklch(73.62% 0.1709 47.72) 50.0%, oklch(66.54% 0.1719 25.88) 66.7%, oklch(56.46% 0.1633 4.08) 83.3%, oklch(45.67% 0.1488 346.43) 100.0%);

Nestas coleções

Gradientes de Dia de Ação de Graças

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona