# Lavendel Farbverlauf: sanfte Violett-Codes

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

Lavendel ist Violett mit gedrosselter Lautstärke: ruhig, ein wenig verträumt, nie laut. Schwierig ist, ihn sanft zu halten, ohne dass er grau oder zuckrig wird. Diese Codes schaffen beides.

## The short version

- Ein Lavendel Farbverlauf mischt helle, leicht bläuliche Violetttöne, oft mit Weiß, Rosé, Pfirsich oder einem sanften Blau.
- Lavendel wird grau, wenn die Stopps zu wenig Sättigung haben, und zuckrig, wenn jeder Stopp ein Pastell aus Rosa und Violett ist.
- Ein warmer Partner wie Pfirsich oder Butter, oder ein kühles Grün wie Salbei, gibt Lavendel Charakter.
- Weißer Text ist auf hellem Lavendel kaum lesbar; ein tiefes Pflaumenviolett wie #2e1065 dagegen schon.
- Lavendel passt zu Wellness, Schlaf, Hochzeiten, Beauty und ruhigen digitalen Produkten.

Ein **Lavendel Farbverlauf** mischt helle, sanft bläuliche Violetttöne, meist von fast Weiß bis zu einem zarten Flieder oder Vergissmeinnichtblau. Er wirkt ruhig, leicht und ein wenig verträumt, weshalb Wellness-, Schlaf-, Beauty- und Hochzeitsmarken ihn lieben. Zwei Dinge gehen schnell schief: Nimmst du zu viel Farbe heraus, wird er staubig grau, nimmst du zu viel Rosa dazu, wird er zuckrig. Lass einen Stopp klar farbig, kombiniere ihn mit einem warmen oder grünen Partner und setze deine Worte in tiefes Pflaumenviolett.

## Lavendel, Flieder, Perlblau und Malve

Sanfte Violetttöne haben viele Namen, und jeder neigt in eine andere Richtung. Wenn du weißt, welchen du willst, mischt es sich leichter: Lavendel und Perlblau neigen zu Blau, Flieder und Malve zu Rosa.

- Lavendelnebel: #f5f3ff
- Lavendel: #e6e0f8
- Sanftes Violett: #ddd6fe
- Flieder: #c4b5fd
- Perlblau: #c7d2fe
- Orchidee: #d8b4e2
- Malve: #b497bd
- Pflaumentinte: #2e1065

Die Familie der sanften Violetttöne und ein tiefes Pflaumenviolett für Schrift. Lavendel und Perlblau sind kühler, Orchidee und Malve wärmer.

## Helle Lavendel Farbverläufe

Das sind die leisen, dem Weiß am nächsten, für Hintergründe mit viel Text: Speisekarten für ein Teehaus, ein Newsletter, die Onboarding-Screens einer App. Sie sind kaum da, setze sie also ein, wo der Inhalt im Mittelpunkt steht.

- Lavendelnebel: `linear-gradient(180deg, #faf9ff 0%, #e6e0f8 100%)`
- Sanftes Violett: `linear-gradient(135deg, #f5f3ff 0%, #ddd6fe 100%)`
- Perlblauer Hauch: `linear-gradient(135deg, #eef2ff 0%, #e6e0f8 50%, #f5f3ff 100%)`
- Fliederlicht: `radial-gradient(circle at 70% 25%, #ddd6fe 0%, #f5f3ff 55%, #ffffff 100%)`

Fast weiße Lavendeltöne. Jeder behält einen Stopp mit echter Farbe, damit er nie grau wirkt.

## Flieder- und Perlblau-Verläufe

Eine Stufe tiefer wird Lavendel zu einer klaren Farbe statt zu einem Hauch. Flieder zu Perlblau ergibt eine kühle, moderne Mischung, die auf Handybildschirmen gut aussieht; Flieder zu Orchidee ist wärmer und romantischer. Halte beide Enden ähnlich hell, dann bleibt der Verlauf weich.

- Flieder zu Perlblau: `linear-gradient(135deg, #c4b5fd 0%, #a5b4fc 100%)`
- Flieder zu Orchidee: `linear-gradient(135deg, #ddd6fe 0%, #d8b4e2 100%)`
- Fliederdämmerung: `linear-gradient(160deg, #e0e7ff 0%, #c4b5fd 50%, #a78bfa 100%)`
- Babyblau zu Flieder: `linear-gradient(90deg, #bfdbfe 0%, #c4b5fd 100%)`

Mittlere Lavendeltöne. Die bläulichen wirken digital und ruhig, die rosigen romantisch.

## Lavendel mit Pfirsich, Butter oder Salbei

Allein kann Lavendel zu süß wirken. Ein Partner von außerhalb der Violettfamilie löst das. Pfirsich und Butter bringen Wärme und lassen Lavendel wie das Licht am frühen Abend wirken. Salbei bringt etwas Erwachsenes, Botanisches mit, weshalb Lavendel und Salbei eine so beliebte Hochzeitskombination ist. In diesen hellen Tönen lassen sich Gegenfarben mischen, ohne schlammig zu werden, weil kaum Sättigung zu verlieren ist. [Pastell-Farbverläufe](https://gradiently.design/de/guide/pastel-gradients) behandelt dieses Prinzip für den ganzen Farbkreis.

- Lavendel und Pfirsich: `linear-gradient(135deg, #ddd6fe 0%, #fde2cf 100%)`
- Lavendel und Butter: `linear-gradient(135deg, #e6e0f8 0%, #fef3c7 100%)`
- Lavendel und Salbei: `linear-gradient(135deg, #e6e0f8 0%, #dbe5d4 100%)`
- Abendhimmel: `linear-gradient(180deg, #c7d2fe 0%, #ddd6fe 45%, #fbcfe8 100%)`

Lavendel mit Partner. Jeder wirkt weniger süß und mehr wie ein echter Ort oder eine echte Tageszeit.

## Dunkle Lavendel Farbverläufe

Lässt du Lavendel in Violett oder Pflaume auslaufen, bekommst du Dämmerung: oben noch sanft, unten satt. Das funktioniert für Schlaf-Apps, Kerzenmarken, Abendyoga, Parfüm und Buchhandlungen. Am dunklen Ende hat außerdem weißer Text einen Platz. Für das ganze Spektrum kräftigerer Violetttöne sieh dir [lila Farbverläufe](https://gradiently.design/de/guide/purple-gradient) an.

- Dämmerung: `linear-gradient(180deg, #e6e0f8 0%, #a78bfa 50%, #4c1d95 100%)`
- Schlafenszeit: `linear-gradient(180deg, #ddd6fe 0%, #8b5cf6 55%, #2e1065 100%)`
- Malvendämmerung: `radial-gradient(circle at 50% 20%, #ede9fe 0%, #b497bd 40%, #4a2e5c 100%)`

Lavendel oben, Pflaume unten. Setze Überschriften in der unteren Hälfte in Weiß oder in der oberen Hälfte in Pflaume.

## Lavendel Farbverlauf Ideen, die du diese Woche posten kannst

Lavendel wird oft gewählt, weil er sich schön anfühlt, und dann ohne Plan benutzt. Hier sind konkrete Beispiele, bei denen er wirklich hilft:

- **Eine Schlaf- oder Meditations-App:** „Schlafenszeit“ als Onboarding-Hintergrund, Pflaumentext oben, der Button im tiefvioletten Bereich.
- **Ein Muttertags-Post einer Floristin in 1080×1350:** „Lavendel und Pfirsich“ mit einer Zeile: „Bestellschluss ist Donnerstag.“
- **Eine Hautpflege-Einführung:** „Lavendelnebel“ hinter Produktfotos, damit die Verpackung die Farbe trägt.
- **Ein LinkedIn-Banner für Therapeutin oder Coach in 1584×396:** „Perlblauer Hauch“ wirkt ruhig und professionell, ohne die Kälte von Firmenblau.
- **Eine Spa-Preisliste als A4-Plakat:** „Lavendel und Salbei“ mit Auberginenschrift, lesbar quer durch den Empfangsraum.

## Graue und zuckrige Lavendeltöne vermeiden

### Wird grau oder zuckrig

- Jeder Stopp entsättigt, wie `#e2e0e6`
- Lavendel neben kühlem Grau
- Lavendel, Babyrosa und Violett auf einmal
- Weißer Text auf hellem Flieder

### Bleibt sanft und klar

- Mindestens ein Stopp mit klarer Farbe, wie `#c4b5fd`
- Lavendel neben warmem Weiß oder Creme
- Ein Partner: Pfirsich, Butter oder Salbei
- Tiefer Pflaumentext über den hellen Flächen

Ein nützlicher Test: Lege ein reines Grau neben deinen Lavendel. Fällt es dir schwer, sie auf einen Blick zu unterscheiden, erhöhe die Farbe eine Stufe. Prüfe auch auf einem Handy bei niedriger Helligkeit, wo sehr helle Töne leicht untergehen.

## Text auf einem Lavendel Farbverlauf

Lavendel ist sehr hell, deshalb scheitert weiße Schrift fast überall: Weiß auf Flieder `#c4b5fd` misst unter 2 zu 1. Tiefes Pflaumenviolett `#2e1065` auf demselben Flieder misst über 8 zu 1 und hält den Text in der Violettfamilie, statt zur Härte von Schwarz zu greifen. Für einen weicheren Look auf den hellsten Lavendeltönen besteht ein gedämpftes Aubergine wie `#3b2f4a` noch locker. [Farbkontrast und Barrierefreiheit](https://gradiently.design/de/guide/color-contrast-accessibility) nennt die Details.

Eine Save-the-date-Hochzeitseinladung mit tiefem Pflaumentext auf einem hellen Lavendel-Pfirsich-Verlauf

Eine Einladung im Format 5×7 Zoll mit 300 dpi, in hellem Lavendel mit Pflaumenschrift.

Dasselbe Save-the-date-Design als hohe Handy-Story auf dem Lavendel Farbverlauf

Dasselbe Design als Story, um die Neuigkeit zu teilen, in seiner eigenen Größe gerendert.

Mit Pro kann Gradiently dieses eine Design in einem Schritt vom Druck auf jede Social-Größe übertragen: Der Mark wird in jedem Format neu gerendert, und Automatische Farbe wählt für jede Zeile helle oder dunkle Schrift aus der eigenen Palette des Marks. Mehr zur Papeterie findest du bei den [Hochzeits-Farbpaletten](https://gradiently.design/de/guide/wedding-color-palettes).

## Lavendel Farbverlauf CSS

Standardmäßig mischen Browser Verlaufsfarben im sRGB-Raum, was die Mitte einer Mischung zwischen zwei Farbtönen trüben kann. Die Interpolation in OKLCH hält die Mitte sauber, und ein Hex-Fallback deckt Browser ohne OKLCH ab. Die Unterstützung findest du unter [CSS-Verläufe in OKLCH](https://gradiently.design/de/guide/css-gradient-oklch).

```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);
  }
}
```

Lavendelnebel zu sanftem Violett zu Pfirsich, mit Pflaumentext. Die OKLCH-Version hält den Verlauf in der Mitte leuchtend.

## FAQ

### Wie lautet der Hex-Code für Lavendel?

Die CSS-Farbe `lavender` ist `#e6e6fa`, ein sehr helles Blauviolett. Viele Designer nehmen etwas kräftigere Varianten wie `#e6e0f8` oder `#ddd6fe`.

### Welche Farben passen zu einem Lavendel Farbverlauf?

Pfirsich, Butterblumengelb, Salbeigrün, Creme und sanftes Blau. Für Text eignet sich ein tiefes Pflaumenviolett.

### Warum sieht mein Lavendel Farbverlauf grau aus?

Die Stopps sind zu wenig gesättigt oder liegen neben kühlem Grau. Gib mindestens einem Stopp klare Farbe und kombiniere ihn mit warmem Weiß statt Grau.

### Was ist der Unterschied zwischen Lavendel und Flieder?

Lavendel neigt leicht zu Blau und ist meist heller; Flieder neigt leicht zu Rosa und ist etwas kräftiger.

### Welche Textfarbe passt auf Lavendel?

Tiefes Pflaumenviolett oder Aubergine, etwa `#2e1065`. Weißer Text besteht den Kontrast auf hellem Lavendel nicht.