O que é um gradiente?
Um gradiente, ou degradê, é uma transição suave entre duas ou mais cores. No design de sites ele aparece muito em fundos, botões e cabeçalhos, porque dá profundidade e um ar moderno com pouquíssimo código.
Gradiente linear e radial
O gradiente linear muda de cor ao longo de uma linha reta; você controla a direção pelo ângulo (0° para cima, 90° para a direita). O radial parte de um ponto central e se expande em círculo. Este gerador cria os dois e entrega o CSS certo (linear-gradient ou radial-gradient).
Como usar no CSS
Copie o código e cole na propriedade background do seu elemento. Você pode adicionar várias cores e reordená-las editando cada uma. Se também precisar de uma paleta de cores combinando, teste o gerador de paletas ou confira o contraste antes de colocar texto por cima.