Gerador de degradês CSS

Crie um degradê linear de duas cores e veja a pré-visualização.

Gráficos Sem estado

Limite de 62 pontos de código Unicode por campo.

Guia rápido

Experimente depois com os seus próprios dados.

Experimente este exemplo

Dados de entrada

Cor inicial (HEX)
#f00
Segunda cor (HEX)
#00f
Ângulo em graus
90

Resultado

linear-gradient(90deg, #FF0000, #0000FF)
Como funciona e quais são os limites

Use cores HEX opacas e um ângulo de 0 a 360 graus, com ponto decimal. Copie o resultado como valor de fundo em CSS. A renderização final depende do navegador.