Gerador de gradientes

Desenhe gradientes lineares, radiais e cónicos com pontos de cor arrastáveis — copie CSS pronto para produção.

DesignLOCAL

Tipo

Ângulo

deg

Predefinições

Arraste uma pega para mover um ponto; clique na barra para adicionar um. As setas ajustam 1%, Shift+setas 10% e Delete remove o ponto focado.

TipoLinear

Pontos2

Ângulo90°

Tamanho do CSS61 B

background: linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%);