Rosa, caramelo e amarelo em tons vivos: amostras lineares

Amostras lineares, 10 cores a 15°: #c3575e, #c77c5d, #cfc95f, #d3fe5d, #d9fc5c. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #c3575e
• #c5675c
• #c77c5d
• #cc925b
• #cdad5b
• #cfc95f
• #d4e95b
• #d3fe5d
• #d6ff61
• #d9fc5c

CSS

background: linear-gradient(15deg, oklch(59.45% 0.1392 18.28) 0.000% 10.000%, oklch(62.02% 0.1224 27.73) 10.000% 20.000%, oklch(65.87% 0.1041 42.47) 20.000% 30.000%, oklch(70.46% 0.1007 63.41) 30.000% 40.000%, oklch(75.87% 0.1079 88.56) 40.000% 50.000%, oklch(81.99% 0.1289 106.15) 50.000% 60.000%, oklch(89.09% 0.1657 116.95) 60.000% 70.000%, oklch(93.59% 0.1891 122.79) 70.000% 80.000%, oklch(94.14% 0.1869 122.51) 80.000% 90.000%, oklch(93.70% 0.1860 120.79) 90.000% 100.000%);

Nestas coleções

Gradientes em vermelho e verde

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona