Azul, pêssego, vermelho e verde: amostras lineares

Amostras lineares, 5 cores a 90°: #4a8bd4, #a4c8e9, #f3b6a1, #e0504c, #7b8f63. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #4a8bd4
• #a4c8e9
• #f3b6a1
• #e0504c
• #7b8f63

CSS

background: linear-gradient(90deg, oklch(62.60% 0.1295 253.12) 0.000% 20.000%, oklch(81.89% 0.0606 245.73) 20.000% 40.000%, oklch(82.68% 0.0772 40.01) 40.000% 60.000%, oklch(62.60% 0.1805 25.22) 60.000% 80.000%, oklch(62.20% 0.0675 127.72) 80.000% 100.000%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona