Azul-claro para roxo (análogos): gradiente linear

Gradiente linear, 6 cores a 315°: #c5c1f4, #b6b1ff, #a19af8, #8a82d7, #7067b2, #564ba5. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #c5c1f4
• #b6b1ff
• #a19af8
• #8a82d7
• #7067b2
• #564ba5

CSS

background: linear-gradient(315deg in oklch, oklch(83.07% 0.0717 288.28) 0.0%, oklch(79.28% 0.1100 286.49) 20.0%, oklch(73.12% 0.1336 285.91) 40.0%, oklch(64.89% 0.1248 287.11) 60.0%, oklch(55.53% 0.1144 287.93) 80.0%, oklch(47.24% 0.1392 285.11) 100.0%);

Nestas coleções

Gradientes para seção heroGradientes para papel de parede do desktop

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona