Hoe maak ik een subtiel verloop in plaats van een harde tweekleurenmix?.

Een hard verloop heeft meestal te veel contrast, verzadiging of een abrupte overgang. Begin met twee kleuren die al dicht bij elkaar liggen en laat de verandering geleidelijk verlopen.

Probeer één tint op twee helderheidsniveaus in plaats van twee ongerelateerde merkkleuren op volle sterkte: zacht blauwgrijs aan het ene uiteinde en iets donkerder blauwgrijs aan het andere.

Pas één variabele tegelijk aan

Met HSL houd je de tint gelijk terwijl je helderheid of verzadiging verandert. Is de overgang nog opvallend, verlaag dan eerst de verzadiging.

De Verloopmaker toont een live preview en CSS. Probeer eerst een diagonale lineaire en daarna een radiale verloop. Controleer groot en mobiel; inhoud moet het sterkste element blijven.