# Lavendelgradient: fargekoder for myk lilla

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

Lavendel er lilla med volumet skrudd ned: rolig, litt drømmende, aldri høylytt. Utfordringen er å beholde mykheten uten at den blir grå eller sukkersøt. Disse kodene klarer begge deler.

## The short version

- En lavendelgradient blander lyse, svakt blålige lillatoner, ofte med hvitt, blekrosa, fersken eller mykt blått.
- Lavendel blir grå når fargestoppene har for lite metning, og sukkersøt når alle stoppene er pastellrosa og fiolette.
- En varm partner som fersken eller smørgul, eller en kjølig grønnfarge som salvie, gir lavendel karakter.
- Hvit tekst er ikke lesbar på lys lavendel. En dyp plommefarge som #2e1065 er det.
- Lavendel passer til velvære, søvn, bryllup, skjønnhet og rolige digitale produkter.

En **lavendelgradient** blander lyse, svakt blålige lillatoner, vanligvis fra nesten hvitt til en mild syrin- eller gravmyrtfarge. Den virker rolig, lett og litt drømmende. Derfor er den populær hos merkevarer innen velvære, søvn, skjønnhet og bryllup. To ting kan gå galt: fjerner du for mye farge, blir den støvgrå; legger du til for mye rosa, blir den sukkersøt. Hold ett fargestopp tydelig farget, bruk en varm eller grønn partner, og sett ordene i dyp plomme.

## Lavendel, syrin, gravmyrt og mauve

Myke lillatoner har flere navn, og hver trekker i sin retning. Det er enklere å blande når du vet hvilken du ønsker: lavendel og gravmyrt trekker mot blått, syrin og mauve mot rosa.

- Lavendeldis: #f5f3ff
- Lavendel: #e6e0f8
- Myk fiolett: #ddd6fe
- Syrin: #c4b5fd
- Gravmyrt: #c7d2fe
- Orkidé: #d8b4e2
- Mauve: #b497bd
- Plommeblekk: #2e1065

Den myke lillafamilien og en dyp plommefarge for skrift. Lavendel og gravmyrt er kjøligere; orkidé og mauve er varmere.

## Lyse lavendelgradienter

Dette er de roligste variantene, nærmest hvitt, til bakgrunner med mye tekst: menyer for en tesalong, et nyhetsbrev eller introduksjonsskjermene i en app. De er nesten usynlige, så bruk dem der innholdet skal være hovedsaken.

- Lavendeldis: `linear-gradient(180deg, #faf9ff 0%, #e6e0f8 100%)`
- Myk fiolett: `linear-gradient(135deg, #f5f3ff 0%, #ddd6fe 100%)`
- Gravmyrtlavering: `linear-gradient(135deg, #eef2ff 0%, #e6e0f8 50%, #f5f3ff 100%)`
- Syrinlys: `radial-gradient(circle at 70% 25%, #ddd6fe 0%, #f5f3ff 55%, #ffffff 100%)`

Nesten hvite lavendeltoner. Hver beholder ett stopp med tydelig farge, slik at de aldri oppfattes som grå.

## Gradienter i syrin og gravmyrt

Ett steg dypere blir lavendel en tydelig farge fremfor et svakt fargeskjær. Syrin til gravmyrt gir en kjølig, moderne blanding som ser bra ut på telefonskjermer. Syrin til orkidé er varmere og mer romantisk. Hold endene omtrent like lyse, så forblir overgangen jevn.

- Syrin til gravmyrt: `linear-gradient(135deg, #c4b5fd 0%, #a5b4fc 100%)`
- Syrin til orkidé: `linear-gradient(135deg, #ddd6fe 0%, #d8b4e2 100%)`
- Syrin i skumring: `linear-gradient(160deg, #e0e7ff 0%, #c4b5fd 50%, #a78bfa 100%)`
- Lyseblått til syrin: `linear-gradient(90deg, #bfdbfe 0%, #c4b5fd 100%)`

Mellomlyse lavendeltoner. De blålige virker digitale og rolige; de rosaaktige virker romantiske.

## Lavendel med fersken, smørgul eller salvie

Alene kan lavendel bli for søt. En partner utenfor lillafamilien retter opp dette. Fersken og smørgul gir varme og får lavendel til å minne om tidlig kveldslys. Salvie tilfører et voksent, botanisk preg. Derfor er lavendel og salvie en så populær bryllupskombinasjon. Med så lyse toner kan motsatte farger blandes uten å bli grumsete, fordi det er lite metning å miste. [Pastellgradienter](https://gradiently.design/nb/guide/pastel-gradients) forklarer prinsippet for hele fargesirkelen.

- 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%)`
- Kveldshimmel: `linear-gradient(180deg, #c7d2fe 0%, #ddd6fe 45%, #fbcfe8 100%)`

Lavendel med en partner. Hver blanding virker mindre søt og minner mer om et virkelig sted eller en tid på dagen.

## Lavendelgradienter i skumringstoner

Når lavendel går over i fiolett eller plomme, får du skumring: fortsatt myk øverst, fyldig nederst. Disse passer til søvnapper, lysmerker, kveldsyoga, parfyme og bokhandler. Den mørke enden gir også hvit tekst et sted å stå. Se [lillagradienter](https://gradiently.design/nb/guide/purple-gradient) for hele spekteret av kraftigere lillatoner.

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

Lavendel øverst, plomme nederst. Plasser overskrifter i hvitt på nedre halvdel eller i plomme på øvre halvdel.

## Ideer til lavendelgradienter du kan publisere denne uken

Lavendel velges ofte fordi den føles behagelig, og brukes deretter uten noen plan. Her er konkrete bruksområder der den faktisk hjelper:

- **En søvn- eller meditasjonsapp:** «Leggetid» som bakgrunn i introduksjonen, plommefarget tekst øverst og knappen i det dype fiolette feltet.
- **Et morsdagsinnlegg for en blomsterbutikk i 1080×1350:** «Lavendel og fersken» med én linje: «Siste bestillingsdag torsdag.»
- **En hudpleielansering:** «Lavendeldis» bak produktbilder, slik at emballasjen bærer fargen.
- **Et LinkedIn-banner for en terapeut eller coach i 1584×396:** «Gravmyrtlavering» virker rolig og profesjonell uten kulden fra klassisk bedriftsblått.
- **En prisliste for et spa på en A4-plakat:** «Lavendel og salvie» med auberginefarget skrift, lesbar fra andre siden av resepsjonsdisken.

## Unngå grå og sukkersøt lavendel

### Blir grå eller sukkersøt

- Alle stopp har lav metning, som `#e2e0e6`
- Lavendel ved siden av kjølig grått
- Lavendel, babyrosa og fiolett på én gang
- Hvit tekst på lys syrin

### Forblir myk og tydelig

- Minst ett stopp med tydelig farge, som `#c4b5fd`
- Lavendel ved siden av varmt hvitt eller krem
- Én partner: fersken, smørgul eller salvie
- Dyp plommefarget tekst over de lyse feltene

En nyttig sjekk: legg en rent grå fargeprøve ved siden av lavendelen. Hvis du knapt ser forskjellen ved første øyekast, øk fargemetningen litt. Sjekk også på telefon med lav lysstyrke, der svært lyse toner lett forsvinner.

## Tekst på en lavendelgradient

Lavendel er svært lys, så hvit skrift fungerer dårlig nesten overalt. Hvitt på syrin `#c4b5fd` gir en kontrast under 2 til 1. Dyp plomme `#2e1065` på samme syrinfarge gir over 8 til 1 og holder teksten i lillafamilien uten den harde virkningen fra svart. For et mykere uttrykk på de lyseste lavendeltonene gir en dempet aubergine som `#3b2f4a` fortsatt godkjent kontrast med god margin. [Fargekontrast og tilgjengelighet](https://gradiently.design/nb/guide/color-contrast-accessibility) gir detaljene.

En bryllupsinvitasjon som ber gjestene holde av datoen, med dyp plommefarget tekst på en lys lavendel- og ferskengradient

En invitasjon på 5×7 in i 300 dpi, i lys lavendel med plommefarget skrift.

Samme design for å holde av datoen, som en høy story på telefon med lavendelgradienten

Samme design som en story for å dele nyheten, gjengitt i sin egen størrelse.

Med Pro kan Gradiently føre dette ene designet fra trykk til alle sosiale størrelser i ett steg. Marken gjengis på nytt i hvert format, og Auto-tekstfarge velger lys eller mørk skrift for hver linje fra Markens egen palett. Se [bryllupspaletter](https://gradiently.design/nb/guide/wedding-color-palettes) for mer om trykksakene.

## CSS for lavendelgradienter

Nettlesere blander som standard gradientfarger i sRGB. Det kan gjøre midten av en overgang mellom to kulører mattere. Interpolasjon i OKLCH holder midtpunktet rent, og en hex-reserve dekker nettlesere uten støtte. Se [CSS-gradienter i OKLCH](https://gradiently.design/nb/guide/css-gradient-oklch) for støtte.

```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 myk fiolett til fersken, med plommefarget tekst. OKLCH-versjonen holder blandingen lys gjennom midten.

## FAQ

### Hva er hex-koden for lavendel?

CSS-fargen `lavender` er `#e6e6fa`, en svært lys blålig lilla. Mange designere bruker litt fyldigere varianter som `#e6e0f8` eller `#ddd6fe`.

### Hvilke farger passer til en lavendelgradient?

Fersken, smørgul, salviegrønn, krem og mykt blått. Dyp plomme passer godt til tekst.

### Hvorfor ser lavendelgradienten min grå ut?

Fargestoppene har for lav metning eller står ved siden av kjølig grått. Gi minst ett stopp tydelig farge, og bruk varmt hvitt som partner i stedet for grått.

### Hva er forskjellen på lavendel og syrin?

Lavendel trekker litt mot blått og er vanligvis lysere. Syrin trekker litt mot rosa og er noe sterkere.

### Hvilken tekstfarge passer på lavendel?

Dyp plomme eller aubergine, som `#2e1065`. Hvit tekst gir for dårlig kontrast på lys lavendel.