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

Gradiente linear, 7 cores a 90°: #a0e9fd, #e3abeb, #5554a1, #648ac5, #9cb6e0, #345375, #4a235d. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #a0e9fd
• #e3abeb
• #5554a1
• #648ac5
• #9cb6e0
• #345375
• #4a235d

CSS

background: linear-gradient(90deg in oklch, oklch(89.37% 0.0772 216.56) 0.0%, oklch(81.45% 0.1057 322.29) 16.7%, oklch(48.56% 0.1216 281.53) 33.3%, oklch(63.04% 0.0985 258.77) 50.0%, oklch(77.27% 0.0658 259.50) 66.7%, oklch(43.47% 0.0664 251.03) 83.3%, oklch(33.86% 0.1047 313.78) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona