# Lavendel-gradient: bløde lilla farvekoder

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

Lavendel er lilla med skruet ned for lyden: rolig, lidt drømmende, aldrig højlydt. Det svære er at holde den blød uden at lade den blive grå eller sukkersød. Disse koder klarer begge dele.

## The short version

- En lavendel-gradient blander blege, let blålige lilla toner, ofte med hvid, rosa, fersken eller en blød blå.
- Lavendel bliver grå, når farvestoppene er for afmættede, og sukkersød, når hvert stop er pastelrosa og violet.
- En varm partner som fersken eller smørgul, eller en kølig grøn som salvie, giver lavendel karakter.
- Hvid tekst kan ikke læses på bleg lavendel; en dyb blommefarve som #2e1065 kan.
- Lavendel passer til wellness, søvn, bryllupper, skønhed og rolige digitale produkter.

En **lavendel-gradient** blander blege, blødt blålige lilla toner, som regel fra næsten hvid til en mild syren eller perlemorblå. Den føles rolig, let og lidt drømmende, og derfor elsker wellness-, søvn-, skønheds- og bryllupsbrands den. To ting kan gå galt: dræn for meget farve, så bliver den støvet grå, tilføj for meget rosa, så bliver den sukkersød. Hold ét stop tydeligt farvet, kombiner med en varm eller grøn partner, og sæt dine ord i dyb blomme.

## Lavendel, syren, perlemorblå og mauve

Bløde lilla toner har flere navne, og hver hælder sin vej. Ved du, hvilken du vil have, bliver blandingen lettere: lavendel og perlemorblå hælder mod blå, syren og mauve hælder mod rosa.

- Lavendeldis: #f5f3ff
- Lavendel: #e6e0f8
- Blød violet: #ddd6fe
- Syren: #c4b5fd
- Perlemorblå: #c7d2fe
- Orkidé: #d8b4e2
- Mauve: #b497bd
- Blommetekst: #2e1065

Familien af bløde lilla toner og en dyb blomme til skrift. Lavendel og perlemorblå er køligere; orkidé og mauve er varmere.

## Blege lavendel-gradienter

Det er de stille, tættest på hvid, til baggrunde med meget tekst: menukort til en tesalon, et nyhedsbrev, en apps introduktionsskærme. De er knap nok til stede, så brug dem, hvor indholdet er pointen.

- Lavendeldis: `linear-gradient(180deg, #faf9ff 0%, #e6e0f8 100%)`
- Blød violet: `linear-gradient(135deg, #f5f3ff 0%, #ddd6fe 100%)`
- Perlemorblå lavering: `linear-gradient(135deg, #eef2ff 0%, #e6e0f8 50%, #f5f3ff 100%)`
- Syrenlys: `radial-gradient(circle at 70% 25%, #ddd6fe 0%, #f5f3ff 55%, #ffffff 100%)`

Næsten hvide lavendeltoner. Hver beholder ét stop med rigtig farve, så den aldrig virker grå.

## Syren- og perlemorblå gradienter

Et trin dybere bliver lavendel en tydelig farve frem for en toning. Syren til perlemorblå giver en kølig, moderne blanding, der ser godt ud på telefonskærme; syren til orkidé er varmere og mere romantisk. Hold begge ender i samme lyshed, så forbliver overgangen jævn.

- Syren til perlemorblå: `linear-gradient(135deg, #c4b5fd 0%, #a5b4fc 100%)`
- Syren til orkidé: `linear-gradient(135deg, #ddd6fe 0%, #d8b4e2 100%)`
- Tusmørkesyren: `linear-gradient(160deg, #e0e7ff 0%, #c4b5fd 50%, #a78bfa 100%)`
- Babyblå til syren: `linear-gradient(90deg, #bfdbfe 0%, #c4b5fd 100%)`

Mellemtoner af lavendel. De blålige føles digitale og rolige; de rosa føles romantiske.

## Lavendel med fersken, smørgul eller salvie

Alene kan lavendel føles for sød. En partner uden for den lilla familie løser det. Fersken og smørgul tilføjer varme og får lavendel til at føles som tidligt aftenlys. Salvie tilføjer noget voksent og botanisk, og derfor er lavendel og salvie så populær en kombination til bryllupper. I så blege toninger blandes modsatte farver uden at blive mudrede, fordi der er lidt mætning at miste. [Pastelgradienter](https://gradiently.design/da/guide/pastel-gradients) gennemgår princippet hele farvecirklen rundt.

- Lavendel og fersken: `linear-gradient(135deg, #ddd6fe 0%, #fde2cf 100%)`
- Lavendel og smørgul: `linear-gradient(135deg, #e6e0f8 0%, #fef3c7 100%)`
- Lavendel og salvie: `linear-gradient(135deg, #e6e0f8 0%, #dbe5d4 100%)`
- Aftenhimmel: `linear-gradient(180deg, #c7d2fe 0%, #ddd6fe 45%, #fbcfe8 100%)`

Lavendel med en partner. Hver føles mindre sød og mere som et rigtigt sted eller tidspunkt på dagen.

## Lavendel-gradienter i skumring

Lader du lavendel løbe ned i violet eller blomme, får du skumring: stadig blød foroven, rig forneden. De virker til søvnapps, lysbrands, aftenyoga, parfume og boghandlere. Den dybe ende giver også hvid tekst et sted at sidde. Hele spektret af kraftigere lilla toner finder du i [lilla gradienter](https://gradiently.design/da/guide/purple-gradient).

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

Lavendel foroven, blomme forneden. Sæt overskrifter i den nederste halvdel i hvid eller i den øverste halvdel i blomme.

## Idéer med lavendel-gradienter, du kan poste i denne uge

Lavendel vælges ofte, fordi den føles rar, og bruges så uden en plan. Her er konkrete opgaver, hvor den virkelig hjælper:

- **En søvn- eller meditationsapp:** »Sengetid« som baggrund på introduktionsskærmene, blommefarvet tekst foroven, knappen i det dybviolette område.
- **En blomsterhandlers morsdagsopslag i 1080×1350:** »Lavendel og fersken« med én linje: »Bestillinger lukker torsdag.«
- **En lancering af hudpleje:** »Lavendeldis« bag produktfotos, så emballagen bærer farven.
- **En terapeuts eller coachs LinkedIn-banner i 1584×396:** »Perlemorblå lavering« virker roligt og professionelt uden kulden fra virksomhedsblå.
- **En prisliste til en spa på en A4-plakat:** »Lavendel og salvie« med auberginefarvet skrift, læsbar på tværs af en reception.

## Undgå grå og sukkersød lavendel

### Bliver grå eller sukkersød

- Alle stop afmættede, som `#e2e0e6`
- Lavendel ved siden af kølig grå
- Lavendel, babyrosa og violet på én gang
- Hvid tekst på en bleg syren

### Forbliver blød og klar

- Mindst ét stop med tydelig farve, som `#c4b5fd`
- Lavendel ved siden af varm hvid eller creme
- Én partner: fersken, smørgul eller salvie
- Dyb blommefarvet tekst hen over de blege områder

Et nyttigt tjek: læg et rent gråt farvefelt ved siden af din lavendel. Har du svært ved at skelne dem med et hurtigt blik, så skru farven et hak op. Tjek også på en telefon med lav lysstyrke, hvor meget blege toninger let forsvinder.

## Tekst på en lavendel-gradient

Lavendel er meget lys, så hvid skrift fejler på næsten hele den: hvid på syren `#c4b5fd` måler under 2:1. Dyb blomme `#2e1065` på samme syren måler over 8:1 og holder teksten inden for den lilla familie i stedet for det hårde sort. Til et blødere udtryk på de blegeste lavendeltoner består en dæmpet aubergine som `#3b2f4a` stadig komfortabelt. [Farvekontrast og tilgængelighed](https://gradiently.design/da/guide/color-contrast-accessibility) har detaljerne.

En gem datoen-invitation til et bryllup med dyb blommefarvet tekst på en bleg gradient i lavendel og fersken

En invitation på 5×7 tommer i 300 dpi, i bleg lavendel med blommefarvet skrift.

Samme gem datoen-design som en høj story til telefonen på lavendel-gradienten

Samme design som en story til at dele nyheden, gengivet i sin egen størrelse.

Med Pro kan Gradiently tage det ene design fra tryk til alle sociale størrelser i ét trin: Marken gengives frisk i hvert format, og Automatisk tekstfarve vælger lys eller mørk skrift pr. linje ud fra Markens egen palet. Mere om tryksagerne finder du i [farvepaletter til bryllupper](https://gradiently.design/da/guide/wedding-color-palettes).

## CSS til lavendel-gradienter

Som standard blander browsere gradientfarver i sRGB, hvilket kan gøre midten af en overgang mellem to nuancer mat. Interpolation i OKLCH holder midtpunktet rent, og en hex-fallback dækker browsere uden understøttelse. Se [CSS-gradienter i OKLCH](https://gradiently.design/da/guide/css-gradient-oklch) for understøttelse.

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

Lavendeldis til blød violet til fersken, med blommefarvet tekst. OKLCH-versionen holder overgangen klar gennem midten.

## FAQ

### Hvad er hex-koden for lavendel?

Den navngivne CSS-farve `lavender` er `#e6e6fa`, en meget bleg blålig lilla. Mange designere bruger lidt rigere udgaver som `#e6e0f8` eller `#ddd6fe`.

### Hvilke farver passer til en lavendel-gradient?

Fersken, smørgul, salviegrøn, creme og blød blå. En dyb blomme virker godt til tekst.

### Hvorfor ser min lavendel-gradient grå ud?

Stoppene er for afmættede eller står ved siden af kølig grå. Giv mindst ét stop tydelig farve, og kombiner med varm hvid i stedet for grå.

### Hvad er forskellen på lavendel og syren?

Lavendel hælder let mod blå og er som regel blegere; syren hælder let mod rosa og er lidt kraftigere.

### Hvilken tekstfarve passer på lavendel?

Dyb blomme eller aubergine, som `#2e1065`. Hvid tekst har for lav kontrast på bleg lavendel.