Gerador de Gradiente CSS

Crie gradientes CSS lineares e radiais com preview visual em tempo real

Tipo

Direção

Ângulo90°

Cores

Cor

Posição0%

Cor

Posição100%

CSS

linear-gradient(90deg, #667eea 0%, #764ba2 100%)

Código Completo

.gradient {
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}

Continue explorando

Ferramentas que combinam com o que você está usando:

Crie sombras CSS com preview visual em tempo real

Converta entre HEX, RGB e HSL

Crie bordas arredondadas com controle individual de cada canto

Gostou desta ferramenta? Explore mais!