Azul, azul-claro, roxo e verde: gradiente linear

Gradiente linear, 7 cores a 90°: #8d9bcf, #80d2dd, #c9fefa, #64a1b4, #684c80, #c2ac78, #90e1d9. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #8d9bcf
• #80d2dd
• #c9fefa
• #64a1b4
• #684c80
• #c2ac78
• #90e1d9

CSS

background: linear-gradient(90deg in oklch, oklch(69.69% 0.0785 272.81) 0.0%, oklch(81.51% 0.0816 206.81) 16.7%, oklch(96.02% 0.0545 190.39) 33.3%, oklch(67.57% 0.0687 218.79) 50.0%, oklch(46.76% 0.0885 308.31) 66.7%, oklch(75.00% 0.0728 87.43) 83.3%, oklch(85.43% 0.0799 188.62) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona