# Lavendel kleurverloop: zachte paarse codes

[Canonical HTML page](https://gradiently.design/nl/guide/lavender-gradient)

Lavendel is paars met het volume lager gezet: rustig, een beetje dromerig, nooit luid. Het lastige is het zacht houden zonder dat het grijs of suikerzoet wordt. Deze codes lukken beide.

## The short version

- Een lavendel kleurverloop mengt lichte, licht blauwe paarstinten, vaak met wit, blush, perzik of zachtblauw.
- Lavendel wordt grijs als de kleurstops te weinig verzadigd zijn en suikerzoet als elke stop pastelroze en violet is.
- Een warme partner zoals perzik of botergeel, of een koele groen zoals salie, geeft lavendel karakter.
- Witte tekst leest niet op lichte lavendel; een diep pruim zoals #2e1065 wel.
- Lavendel past bij wellness, slaap, bruiloften, beauty en rustige digitale producten.

Een **lavendel kleurverloop** mengt lichte, zacht blauwe paarstinten, meestal van bijna wit naar een milde lila of vergeet-mij-nietblauw. Het voelt rustig, licht en een beetje dromerig, en daarom zijn wellness-, slaap-, beauty- en bruiloftsmerken er dol op. Er gaan twee dingen mis: onttrek je te veel kleur, dan wordt het stoffig grijs, voeg je te veel roze toe, dan wordt het suikerzoet. Houd één stop duidelijk gekleurd, combineer met een warme of groene partner en zet je woorden in diep pruim.

## Lavendel, lila, periwinkle en mauve

Zachte paarstinten hebben meerdere namen en elk helt een andere kant op. Als je weet welke je wilt, mengt het makkelijker: lavendel en periwinkle hellen naar blauw, lila en mauve naar roze.

- Lavendelnevel: #f5f3ff
- Lavendel: #e6e0f8
- Zacht violet: #ddd6fe
- Lila: #c4b5fd
- Periwinkle: #c7d2fe
- Orchidee: #d8b4e2
- Mauve: #b497bd
- Pruimeninkt: #2e1065

De familie van zachte paarstinten en een diep pruim voor tekst. Lavendel en periwinkle zijn koeler; orchidee en mauve warmer.

## Lichte lavendel kleurverlopen

Dit zijn de rustige, het dichtst bij wit, voor achtergronden met veel tekst: menukaarten voor een theesalon, een nieuwsbrief, de onboardingschermen van een app. Ze zijn nauwelijks aanwezig, dus gebruik ze waar de inhoud het belangrijkste is.

- Lavendelnevel: `linear-gradient(180deg, #faf9ff 0%, #e6e0f8 100%)`
- Zacht violet: `linear-gradient(135deg, #f5f3ff 0%, #ddd6fe 100%)`
- Periwinkle-waas: `linear-gradient(135deg, #eef2ff 0%, #e6e0f8 50%, #f5f3ff 100%)`
- Lila licht: `radial-gradient(circle at 70% 25%, #ddd6fe 0%, #f5f3ff 55%, #ffffff 100%)`

Bijna witte lavendels. Elk houdt één stop met echte kleur, zodat het nooit grijs leest.

## Lila en periwinkle kleurverlopen

Een stap dieper wordt lavendel een heldere kleur in plaats van een tint. Lila naar periwinkle geeft een koel, modern verloop dat goed staat op telefoonschermen; lila naar orchidee is warmer en romantischer. Houd beide uiteinden even licht en het verloop blijft vloeiend.

- Lila naar periwinkle: `linear-gradient(135deg, #c4b5fd 0%, #a5b4fc 100%)`
- Lila naar orchidee: `linear-gradient(135deg, #ddd6fe 0%, #d8b4e2 100%)`
- Schemerlila: `linear-gradient(160deg, #e0e7ff 0%, #c4b5fd 50%, #a78bfa 100%)`
- Babyblauw naar lila: `linear-gradient(90deg, #bfdbfe 0%, #c4b5fd 100%)`

Middelste lavendels. De blauwachtige voelen digitaal en rustig; de roze hellende romantisch.

## Lavendel met perzik, boterkleur of salie

Op zichzelf kan lavendel te zoet aanvoelen. Een partner buiten de paarse familie lost dat op. Perzik en boterkleur voegen warmte toe en laten lavendel aanvoelen als licht in de vroege avond. Salie voegt iets volwassens en botanisch toe, en daarom is lavendel met salie zo’n populaire bruiloftscombinatie. In deze lichte tinten mengen tegenovergestelde kleuren zonder modderig te worden, want er is weinig verzadiging die verloren kan gaan. [Pastelverlopen](https://gradiently.design/nl/guide/pastel-gradients) behandelt dat principe over het hele kleurenwiel.

- Lavendel en perzik: `linear-gradient(135deg, #ddd6fe 0%, #fde2cf 100%)`
- Lavendel en boterkleur: `linear-gradient(135deg, #e6e0f8 0%, #fef3c7 100%)`
- Lavendel en salie: `linear-gradient(135deg, #e6e0f8 0%, #dbe5d4 100%)`
- Avondlucht: `linear-gradient(180deg, #c7d2fe 0%, #ddd6fe 45%, #fbcfe8 100%)`

Lavendel met een partner. Elk voelt minder zoet en meer als een echte plek of tijd van de dag.

## Schemerige lavendel kleurverlopen

Als je lavendel laat doorlopen naar violet of pruim, krijg je schemer: bovenaan nog zacht, onderaan rijk. Die werken voor slaap-apps, kaarsenmerken, avondyoga, parfum en boekwinkels. Het donkere uiteinde geeft witte tekst ook een plek. Voor het hele palet aan krachtiger paarstinten zie je [paarse kleurverlopen](https://gradiently.design/nl/guide/purple-gradient).

- Schemering: `linear-gradient(180deg, #e6e0f8 0%, #a78bfa 50%, #4c1d95 100%)`
- Bedtijd: `linear-gradient(180deg, #ddd6fe 0%, #8b5cf6 55%, #2e1065 100%)`
- Mauve schemering: `radial-gradient(circle at 50% 20%, #ede9fe 0%, #b497bd 40%, #4a2e5c 100%)`

Lavendel bovenaan, pruim onderaan. Zet koppen in de onderste helft in wit, of in de bovenste helft in pruim.

## Lavendel kleurverloop-ideeën die je deze week kunt posten

Lavendel wordt vaak gekozen omdat het prettig voelt en dan zonder plan gebruikt. Dit zijn concrete stukken waarbij het echt helpt:

- **Een slaap- of meditatie-app:** “Bedtijd” als onboardingachtergrond, pruimkleurige tekst bovenaan, de knop in het diepviolette deel.
- **Een Moederdagpost van een bloemist op 1080×1350:** “Lavendel en perzik” met één regel, “Bestellen kan tot donderdag.”
- **Een lancering van huidverzorging:** “Lavendelnevel” achter productfoto’s, zodat de verpakking de kleur draagt.
- **Een LinkedIn-banner van een therapeut of coach op 1584×396:** “Periwinkle-waas” leest rustig en professioneel, zonder de kilte van zakelijk blauw.
- **Een prijslijst van een spa op een A4-poster:** “Lavendel en salie” met aubergine letters, leesbaar van de andere kant van een receptiebalie.

## Grijze of suikerzoete lavendel vermijden

### Wordt grijs of suikerzoet

- Elke stop onverzadigd, zoals `#e2e0e6`
- Lavendel naast koel grijs
- Lavendel, babyroze en violet tegelijk
- Witte tekst op lichtlila

### Blijft zacht en helder

- Minstens één stop met heldere kleur, zoals `#c4b5fd`
- Lavendel naast warm wit of crème
- Eén partner: perzik, boterkleur of salie
- Diep pruim als tekst over de lichte vlakken

Een handige controle: leg een puur grijs vlak naast je lavendel. Als je ze in één oogopslag nauwelijks uit elkaar houdt, geef de kleur dan een tandje meer. Controleer het ook op een telefoon met lage helderheid, waar zeer lichte tinten snel verdwijnen.

## Tekst op een lavendel kleurverloop

Lavendel is erg licht, dus witte letters falen op bijna alles: wit op lila `#c4b5fd` meet minder dan 2 op 1. Diep pruim `#2e1065` op dezelfde lila meet boven 8 op 1 en houdt de tekst binnen de paarse familie in plaats van de hardheid van zwart. Voor een zachtere uitstraling op de lichtste lavendels slaagt een gedempte aubergine zoals `#3b2f4a` nog ruim. [Kleurcontrast en toegankelijkheid](https://gradiently.design/nl/guide/color-contrast-accessibility) heeft de details.

Een save-the-date-uitnodiging voor een bruiloft met diep pruimkleurige tekst op een lichtlavendel met perzik kleurverloop

Een uitnodiging van 5×7 inch op 300 dpi, in lichte lavendel met pruimkleurige letters.

Hetzelfde save-the-date-ontwerp als hoge telefoonstory op het lavendel kleurverloop

Hetzelfde ontwerp als story om het nieuws te delen, op het eigen formaat gerenderd.

Met Pro brengt Gradiently dat ene ontwerp in één stap van drukwerk naar elk social formaat: de Mark wordt in elk formaat opnieuw gerenderd en Auto-inkt kiest per regel lichte of donkere letters uit het eigen palet van de Mark. Meer over de kant van het drukwerk lees je bij [kleurenpaletten voor bruiloften](https://gradiently.design/nl/guide/wedding-color-palettes).

## Lavendel kleurverloop in CSS

Standaard mengen browsers kleuren van een verloop in sRGB, waardoor het midden van een verloop tussen twee tinten mat kan worden. Interpoleren in OKLCH houdt het middelpunt helder, en een hex-terugval dekt browsers zonder ondersteuning. Zie [CSS-verlopen in OKLCH](https://gradiently.design/nl/guide/css-gradient-oklch) voor de ondersteuning.

```css
.card-lavender {
  background: linear-gradient(135deg, #f5f3ff, #ddd6fe, #fde2cf);
  color: #2e1065;
}

@supports (background: linear-gradient(in oklch, red, blue)) {
  .card-lavender {
    background: linear-gradient(in oklch 135deg, #f5f3ff, #ddd6fe, #fde2cf);
  }
}
```

Lavendelnevel naar zacht violet naar perzik, met pruimkleurige tekst. De OKLCH-versie houdt het verloop helder door het midden.

## FAQ

### Wat is de hexcode van lavendel?

De CSS-kleurnaam `lavender` is `#e6e6fa`, een zeer lichte blauwpaars. Veel ontwerpers gebruiken iets rijkere versies zoals `#e6e0f8` of `#ddd6fe`.

### Welke kleuren passen goed bij een lavendel kleurverloop?

Perzik, botergeel, saliegroen, crème en zachtblauw. Een diep pruim werkt goed voor tekst.

### Waarom ziet mijn lavendel kleurverloop er grijs uit?

De stops zijn te weinig verzadigd of staan naast koel grijs. Geef minstens één stop heldere kleur en combineer met warm wit in plaats van grijs.

### Wat is het verschil tussen lavendel en lila?

Lavendel helt licht naar blauw en is meestal lichter; lila helt licht naar roze en is iets sterker.

### Welke tekstkleur past op lavendel?

Diep pruim of aubergine, zoals `#2e1065`. Witte tekst haalt het contrast op lichte lavendel niet.