UTILS.
100% no navegador
◐◑

Gerador de Duotone

Crie um gradiente duotone de duas cores com CSS copiável.

Clique na saída CSS para copiá-la.

Sobre esta ferramenta

Escolha uma cor de sombra e uma de realce para criar um gradiente duotone de duas cores com pré-visualização ao vivo e CSS pronto para copiar, tudo no seu navegador.

Perguntas frequentes

Que CSS ele gera?
Ele gera um fundo linear-gradient() que vai da cor de sombra à cor de realce no ângulo escolhido por você.
Como copio o CSS?
Clique na caixa de saída e a declaração de fundo completa é copiada para a sua área de transferência.

Mais ferramentas