Azul-marinho para azul-claro (monocromático): gradiente linear

Gradiente linear, 7 cores a 90°: #0c0a38, #291968, #4d3a9c, #6c6ac7, #8a9be2, #a2c1e8, #bdd3df. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #0c0a38
• #291968
• #4d3a9c
• #6c6ac7
• #8a9be2
• #a2c1e8
• #bdd3df

CSS

background: linear-gradient(90deg in oklch, oklch(18.90% 0.0854 276.33) 0.0%, oklch(29.24% 0.1297 284.16) 16.7%, oklch(42.68% 0.1516 286.70) 33.3%, oklch(57.09% 0.1392 281.61) 50.0%, oklch(70.47% 0.1052 272.92) 66.7%, oklch(80.18% 0.0647 253.94) 83.3%, oklch(85.43% 0.0289 229.83) 100.0%);

Nestas coleções

Amostras em azul e roxo

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona