Azul-marinho, roxo e azul: gradiente linear

Gradiente linear, 7 cores a 90°: #100b35, #351f97, #682ae0, #8d36ed, #556df9, #00a7e1, #22d8db. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #100b35
• #351f97
• #682ae0
• #8d36ed
• #556df9
• #00a7e1
• #22d8db

CSS

background: linear-gradient(90deg in oklch, oklch(18.90% 0.0785 281.25) 0.0%, oklch(36.09% 0.1804 280.74) 16.7%, oklch(49.39% 0.2472 289.12) 33.3%, oklch(55.51% 0.2522 299.21) 50.0%, oklch(59.59% 0.2084 271.27) 66.7%, oklch(68.37% 0.1407 232.69) 83.3%, oklch(80.31% 0.1323 196.71) 100.0%);

Nestas coleções

Fantasia de plumas e paetêsGradientes em azul e roxoGradientes de aurora boreal

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona