Azul-claro para verde-escuro (análogos): gradiente linear

Gradiente linear, 9 cores a 135°: #d8f2e3, #86d2a6, #29ad6d, #017f4e, #064937. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #d8f2e3
• #b4e3c8
• #86d2a6
• #52c183
• #29ad6d
• #05975e
• #017f4e
• #006342
• #064937

CSS

background: linear-gradient(135deg in oklch, oklch(93.70% 0.0331 161.02) 0.0%, oklch(87.58% 0.0612 159.86) 12.5%, oklch(80.25% 0.0982 158.06) 25.0%, oklch(73.05% 0.1374 155.88) 37.5%, oklch(66.34% 0.1466 156.52) 50.0%, oklch(59.65% 0.1386 157.97) 62.5%, oklch(52.62% 0.1228 158.07) 75.0%, oklch(44.15% 0.0965 162.24) 87.5%, oklch(36.22% 0.0703 168.41) 100.0%);

Nestas coleções

Paleta de cores esmeralda

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona