Branco, verde, azul-claro e turquesa: gradiente linear

Gradiente linear, 7 cores a 90°: #ffffff, #acb48b, #44814a, #75b799, #bde7da, #69958a, #004035. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #ffffff
• #acb48b
• #44814a
• #75b799
• #bde7da
• #69958a
• #004035

CSS

background: linear-gradient(90deg in oklch, oklch(100.00% 0.0000 89.88) 0.0%, oklch(75.20% 0.0560 116.22) 16.7%, oklch(54.72% 0.1047 146.01) 33.3%, oklch(72.74% 0.0814 163.64) 50.0%, oklch(89.37% 0.0469 174.54) 66.7%, oklch(63.39% 0.0508 177.38) 83.3%, oklch(33.08% 0.0615 176.62) 100.0%);

Nestas coleções

Amostras verdes

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona