Gere escalas de gradiente perceptualmente uniformes entre duas cores, ou misture com semântica subtrativa.
linear-gradient(90deg, #E63946 0%, #CD4D66 17%, #B35881 33%, #995E99 50%, #7E61AF 67%, #5F60C5 83%, #3B5BDB 100%)
Interpolação no espaço OKLab: a matiz segue um caminho visualmente uniforme — vermelho + azul resulta em roxo em vez de cinza turvo, sem zona morta no meio.
Uma gradiente perceptualmente uniforme entre quaisquer duas cores — densidade ajustável, gradiente CSS com um clique.
Escolha uma cor para A e B (seletor de cores ou entrada HEX direta); o botão de troca inverte os pontos finais com um clique.
O modo perceptivo interpola em OKLab para que até pares complementares mantenham sua transição de matiz; o modo RGB reproduz a mistura ingênua da maioria dos softwares — compare ambos para ver a diferença.
Arraste o controle deslizante de etapas para a densidade da escala (3-15), copie o gradiente CSS completo ou clique em qualquer cor intermediária para abrir seu perfil.
Três perguntas frequentes sobre algoritmos de mesclagem.
Leve a escala para o estúdio de gradiente para adicionar mais paradas, ou abra a roda de cores para criar harmonias a partir de uma cor mesclada.
Gradientes OKLCH perceptualmente uniformes, sem faixas cinzas, exportação CSS com um clique.
Arraste a roda para selecionar uma base, obtenha seis esquemas de harmonia em tempo real, abra no painel ou exporte como PNG.
Transforme qualquer cor em uma escala de sistema de design de 11 passos, perceptualmente uniforme em OKLCH, com contraste WCAG por passo, exportação para Tailwind/CSS/SCSS/JSON.