Cinza, azul e roxo (análogos): amostras lineares

Amostras lineares, 5 cores a 90°: #bbbbbb, #95a3b5, #6388a6, #536790, #514c77. Edite e exporte CSS, SVG, PNG ou um shader.

3 quadros-chave OKLCH editáveis.

• #bbbbbb
• #95a3b5
• #6388a6
• #536790
• #514c77

CSS

background: linear-gradient(90deg, oklch(79.13% 0.0000 89.88) 0.000% 20.000%, oklch(71.14% 0.0305 254.72) 20.000% 40.000%, oklch(61.02% 0.0620 244.28) 40.000% 60.000%, oklch(51.43% 0.0700 264.82) 60.000% 80.000%, oklch(44.09% 0.0703 288.67) 80.000% 100.000%);

Nestas coleções

Gradientes de fundo para appsGradientes neutros suavesAmostras em azul e roxoAmostras em tons frios

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona