Como Criar um Gradiente Subtil em vez de uma Mistura Dura de Duas Cores?.

Um gradiente duro costuma ter demasiado contraste, saturação ou uma transição abrupta. Comece com duas cores próximas e deixe a mudança acontecer gradualmente.

Em vez de combinar cores da marca sem relação, experimente um tom em dois níveis de luminosidade: azul-acinzentado suave numa ponta e ligeiramente mais escuro na outra.

Ajuste uma variável de cada vez

Com cores HSL, mantenha o tom semelhante enquanto altera luminosidade ou saturação. Se a transição continuar óbvia, reduza a saturação antes de adicionar mais cores.

O Criador de Gradientes mostra uma pré-visualização e o CSS. Experimente primeiro um gradiente linear diagonal e depois um radial. Verifique-o em tamanho completo e no telemóvel; o conteúdo deve continuar a ser o elemento mais importante.