Azul, azul-claro e ciano (análogos): amostras lineares

Amostras lineares, 5 cores a 90°: #1a4861, #0668c7, #1d97fc, #33d0ff, #75fff7. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #1a4861
• #0668c7
• #1d97fc
• #33d0ff
• #75fff7

CSS

background: linear-gradient(90deg, oklch(38.19% 0.0648 235.55) 0.000% 20.000%, oklch(52.32% 0.1686 254.87) 20.000% 40.000%, oklch(66.49% 0.1799 250.28) 40.000% 60.000%, oklch(79.88% 0.1391 223.83) 60.000% 80.000%, oklch(92.12% 0.1214 190.11) 80.000% 100.000%);

Nestas coleções

Gradientes turquesaAmostras em azul e turquesaAmostras em tons friosAmostras de verão

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona