Roxo, azul, bege e amarelo: gradiente linear

Gradiente linear, 7 cores a 90°: #4b335f, #344f85, #5986a2, #9abfa6, #dadf90, #f5d86e, #dcaf44. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #4b335f
• #344f85
• #5986a2
• #9abfa6
• #dadf90
• #f5d86e
• #dcaf44

CSS

background: linear-gradient(90deg in oklch, oklch(37.01% 0.0772 308.67) 0.0%, oklch(43.31% 0.0951 263.23) 16.7%, oklch(59.84% 0.0648 236.81) 33.3%, oklch(77.17% 0.0537 155.44) 50.0%, oklch(88.19% 0.1006 111.06) 66.7%, oklch(88.58% 0.1295 94.15) 83.3%, oklch(77.56% 0.1323 85.70) 100.0%);

Nestas coleções

Seda kasavu e calêndula

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona