Skapa perceptuellt enhetliga skalfärger mellan två färger, eller blanda med subtraktiv semantik.
linear-gradient(90deg, #E63946 0%, #CD4D66 17%, #B35881 33%, #995E99 50%, #7E61AF 67%, #5F60C5 83%, #3B5BDB 100%)
Interpolering i OKLab-rymden: nyansen följer en visuellt enhetlig väg – rött + blått ger lila istället för gråton, utan död zon däremellan.
En perceptuellt jämn ramp mellan vilka två färger som helst – justerbar densitet, CSS-gradient med ett klick.
Välj en färg för A och B (färgväljare eller direkt HEX-inmatning); växlingsknappen byter plats på ändpunkterna med ett klick.
Perceptuellt läge interpolerar i OKLab så även komplementära par behåller sin färgövergång; RGB-läge återger den naiva blandningen från de flesta program – jämför båda för att se skillnaden.
Dra steg-skjutreglaget för skala densitet (3–15), kopiera hela CSS-gradienten eller klicka på en mellanfärg för att öppna dess profil.
Tre vanliga frågor om blendningsalgoritmer.
Ta in skalan i gradientstudion för att lägga till fler stopp, eller öppna färghjulet för att bygga harmonier från en blendad färg.
OKLCH-perceptuellt enhetliga gradienter, inga gråband, CSS-export på ett klick.
Dra i hjulet för att välja en bas, få sex harmoniska scheman live, öppna i panelen eller exportera PNG.
Omvandla valfri färg till en 11-stegs skala för designsystem, perceptuellt jämn i OKLCH, WCAG-kontrast per steg, exportera till Tailwind/CSS/SCSS/JSON.