Laranja, marrom, preto e roxo: gradiente linear

Gradiente linear, 7 cores a 90°: #fdcd5b, #f69425, #ae5609, #501e2d, #220e2f, #3e1877, #7632c9. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #fdcd5b
• #f69425
• #ae5609
• #501e2d
• #220e2f
• #3e1877
• #7632c9

CSS

background: linear-gradient(90deg in oklch, oklch(87.01% 0.1406 86.48) 0.0%, oklch(75.35% 0.1625 62.24) 16.7%, oklch(55.05% 0.1375 52.36) 33.3%, oklch(31.50% 0.0760 4.32) 50.0%, oklch(21.26% 0.0663 309.81) 66.7%, oklch(32.79% 0.1485 295.09) 83.3%, oklch(49.61% 0.2163 298.54) 100.0%);

Nestas coleções

Gradientes cyberpunk

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona