Roxo (monocromático): gradiente linear

Gradiente linear, 7 cores a 90°: #4a0aa7, #735479, #9c55a2, #904589, #5a2e51, #48144a, #913d90. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #4a0aa7
• #735479
• #9c55a2
• #904589
• #5a2e51
• #48144a
• #913d90

CSS

background: linear-gradient(90deg in oklch, oklch(38.19% 0.2094 289.69) 0.0%, oklch(49.32% 0.0682 321.41) 16.7%, oklch(56.23% 0.1387 324.44) 33.3%, oklch(51.06% 0.1351 330.90) 50.0%, oklch(37.10% 0.0815 335.09) 66.7%, oklch(30.13% 0.1079 326.19) 83.3%, oklch(50.39% 0.1543 327.73) 100.0%);

Nestas coleções

Gradientes em roxo e rosa

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona