Rosa, roxo e azul sem emendas: gradiente angular

Gradiente angular, 14 cores a 315°: #d9b0a4, #9b6b88, #2c5e7f, #82a79e, #d4b6ab. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #d9b0a4
• #d09d98
• #bd848f
• #9b6b88
• #70557d
• #524d79
• #39507b
• #2c5e7f
• #3c778c
• #589095
• #82a79e
• #a5b7a4
• #c3b9a1
• #d4b6ab

CSS

background: conic-gradient(from 315deg in oklch, oklch(79.13% 0.0510 37.97) 0.0%, oklch(74.35% 0.0612 25.48) 7.7%, oklch(67.37% 0.0721 6.60) 15.4%, oklch(58.59% 0.0728 342.72) 23.1%, oklch(49.34% 0.0691 314.97) 30.8%, oklch(44.52% 0.0712 288.17) 38.5%, oklch(43.26% 0.0765 261.77) 46.2%, oklch(46.29% 0.0758 240.28) 53.8%, oklch(53.77% 0.0696 223.96) 61.5%, oklch(61.59% 0.0593 203.32) 69.2%, oklch(69.77% 0.0429 178.44) 76.9%, oklch(75.95% 0.0323 143.56) 84.6%, oklch(78.71% 0.0344 87.01) 92.3%, oklch(79.92% 0.0386 40.79) 100.0%);

Nestas coleções

Gradientes arco-íris em tons apagados

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona