Verde, amarelo, azul-claro e azul: gradiente linear

Gradiente linear, 8 cores a 0°: #a4c690, #cfd159, #bfd462, #75d0b2, #2fc3ff, #00b4fd, #22a0fa, #5e90ad. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #a4c690
• #cfd159
• #bfd462
• #75d0b2
• #2fc3ff
• #00b4fd
• #22a0fa
• #5e90ad

CSS

background: linear-gradient(0deg in oklch, oklch(78.74% 0.0827 134.30) 0.0%, oklch(83.46% 0.1419 109.99) 14.3%, oklch(83.07% 0.1419 118.45) 28.6%, oklch(79.13% 0.0978 170.23) 42.9%, oklch(76.77% 0.1447 231.52) 57.1%, oklch(72.84% 0.1586 236.81) 71.4%, oklch(68.50% 0.1667 246.31) 85.7%, oklch(62.99% 0.0689 234.69) 100.0%);

Nestas coleções

Gradientes multicoloridos em verde

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona