Verde-escuro para azul-claro (análogos): gradiente radial

Gradiente radial, 9 cores: #133b2b, #18563b, #4a946c, #9ad8b4, #e7faef. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #133b2b
• #134631
• #18563b
• #2b6f4d
• #4a946c
• #70bc91
• #9ad8b4
• #c7edd7
• #e7faef

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0537 164.53) 0.0%, oklch(35.29% 0.0643 162.75) 12.5%, oklch(40.68% 0.0783 160.40) 25.0%, oklch(48.80% 0.0882 158.88) 37.5%, oklch(60.83% 0.0966 158.19) 50.0%, oklch(73.29% 0.0978 158.09) 62.5%, oklch(83.04% 0.0815 158.76) 75.0%, oklch(91.28% 0.0495 160.22) 87.5%, oklch(96.85% 0.0248 161.36) 100.0%);

Nestas coleções

Gradientes verdes monocromáticos

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona