Gerador de gradientes

Crie um gradiente com até 8 cores e posições e salve em CSS, SVG ou PNG. Os arquivos e o conteúdo inserido não são enviados ou armazenados em um servidor.

Como usar

Crie um gradiente com até 8 cores e posições e salve em CSS, SVG ou PNG.

Formatos e limites suportados

Values / Images → SVG / PNG

O processamento ocorre neste navegador. Os formatos e a memória disponível podem limitar o resultado.

As cores são ordenadas pela posição, entre 0 e 100%.

Gerador de gradientes Guia de uso

Instruções

Defina cada cor e sua posição percentual.
Escolha a direção, adicione ou remova cores e confira a prévia.
Copie o CSS ou salve SVG ou PNG.

Exemplo

Entrada / configurações

90° · #235c47 0% → #f6f7f3 100%

Resultado / verificação

Gradiente da esquerda para a direita · CSS, SVG ou PNG