# Burgundergradient: koder for vinrødt og rødbrunt

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

Burgunder er rødt som har blitt voksent. Det minner om vin, fløyel og gamle biblioteker, og blir brunt så snart du blander det uforsiktig. Disse kodene beholder dybden.

## The short version

- En burgundergradient blander dype lillaaktige rødfarger som #800020, #7f1d3a og #4a0e1f, ofte mot nesten svart, roserosa, pudderrosa eller gull.
- Burgunder heller mot lilla og rødbrunt mot brunt. Den lille forskjellen avgjør om gradienten føles som vin eller rust.
- Burgundergradienter blir grumsete når de blandes mot grønt, olivengrønt eller varmt grått, så gå via roserosa, plomme eller nesten svart i stedet.
- Kremfarget og varmt offwhite tekst er svært leselig på burgunder, mens gull fungerer bedre som aksent enn som brødtekst.
- Burgunder passer vin, servering, skjønnhet, høst- og vinterkampanjer, invitasjoner og alle merkevarer som ønsker rødt uten hastverk.

En **burgundergradient** blander dype, svakt lilla rødfarger: klassisk burgunder `#800020`, vinrødt `#7f1d3a` og mørkt okseblod `#4a0e1f`. Vanligvis går den mot nesten svart, mykner mot roserosa og pudderrosa eller får lys fra et innslag av gull. Trikset for å beholde dybden er å blande burgunder bare med beslektede røde, rosa, plommefargede og svært mørkebrune toner, og velge krem eller gull som partner fremfor hvitt. Under finner du kodene, forskjellene mellom burgunder, rødbrunt og vinrødt, og tekstfargene som fungerer.

## Burgunder, rødbrunt, vinrødt og okseblod: forskjellene

Disse navnene brukes løst, men fargene heller i ulike retninger, og retningen betyr noe når du bygger en gradient. Burgunder og vinrødt heller mot lilla, så de blandes fint mot plomme og roserosa. Rødbrunt og okseblod heller mot brunt og passer derfor med lær, lysebrunt og messing. Hvis gradienten ser ut som rust, har du sannsynligvis blandet en brunlig rødfarge med kjølig rosa.

- Kjellermørk: #2a0a12
- Okseblod: #4a0e1f
- Rødbrun: #800000
- Burgunder: #800020
- Vinrød: #7f1d3a
- Granatrød: #9f1239
- Støvet rosa: #be7c8c
- Pudderrosa: #e8b4b8

Den mørkerøde familien fra kjellermørk til pudderrosa. Rødbrun er den bruneste i settet; vinrød og granatrød er de mest lilla.

## Koder for dype burgundergradienter

De mest nyttige burgundergradientene er mørke: en nesten svart bakgrunn med vinrødt lys som stiger gjennom den. De virker eksklusive fordi det er svært lite lys farge, og den lille mengden gløder. Hold det lyseste røde unna området der ordene skal stå.

- Kjellermørk til burgunder: `linear-gradient(160deg, #2a0a12 0%, #4a0e1f 45%, #800020 100%)`
- Vinrødt i stearinlys: `radial-gradient(circle at 70% 25%, #9f1239 0%, #4a0e1f 40%, #14050a 80%)`
- Rødbrunt lær: `linear-gradient(135deg, #800000 0%, #4a0e1f 55%, #1c0a08 100%)`
- Fløyelsgardin: `radial-gradient(ellipse at 50% 100%, #7f1d3a 0%, #3b0a1c 45%, #0f0508 85%)`

Fire mørke burgundergradienter. Hver samler det lyseste røde på ett sted og lar et rolig mørkt område stå igjen til teksten.

Disse ligger nær den mørkere enden av [røde gradienter](https://gradiently.design/nb/guide/red-gradient), men med mindre ild og mer dybde. Mørkerødt får lett bånding i komprimerte bilder, så legg til litt korn før eksport.

## Burgunder med gull, pudderrosa og plomme

Burgunder fungerer sjelden alene lenge. De klassiske partnerne endrer stemningen på hver sin måte. Gull gjør uttrykket formelt og festlig. Pudderrosa gjør det romantisk og mykt. Plomme gjør det stemningsfullt og moderne. Marineblått ved siden av, fremfor blandet inn, gir et klassisk universitetspreg.

- Burgunder og gull: `linear-gradient(135deg, #4a0e1f 0%, #800020 82%, #d4a24c 100%)`
- Vinrødt til pudderrosa: `linear-gradient(180deg, #7f1d3a 0%, #be7c8c 55%, #f5dede 100%)`
- Plomme til burgunder: `linear-gradient(120deg, #3b0764 0%, #6b1d4a 50%, #800020 100%)`
- Rosa i mørket: `radial-gradient(circle at 20% 80%, #e8b4b8 0%, #9f1239 40%, #2a0a12 85%)`

Burgunder med sine fire beste følgesvenner. Gull holdes til en kort kant, og de andre blandingene bruker bare rødt, rosa og lilla, så ingenting blir brunt.

Burgunder og gull er lettest å overdrive. Hold gullet til en tynn stripe ved én kant eller til teksten, så uttrykket minner om god vin fremfor kostyme. Les mer om mørkt gull i [svarte og gylne gradienter](https://gradiently.design/nb/guide/black-and-gold-gradient).

## Slik unngår du at burgundergradienten blir brun

1. **Velg retning: lilla eller brun** Bestem om burgunderen skal helle mot vin eller lær, og la alle fargene i gradienten helle samme vei.
2. **Gå mot nesten svart, ikke grått** Burgunder som går mot varmt grått, ser støvete ut. Gå mot rødfarget svart som `#14050a`, så beholder den dybden.
3. **Bland aldri mot grønt eller olivengrønt** Grønt ligger overfor rødt på fargesirkelen, så midten av blandingen blir gråbrun. [Grumsete gradienter](https://gradiently.design/nb/guide/muddy-gradients) viser effekten.
4. **Lysne med rosa, ikke oransje** For å gjøre burgunder lysere går du via granatrødt og støvet rosa. Oransje trekker den mot rust.
5. **Legg til fint korn** Mørkerødt komprimeres dårlig og får synlige trinn. Et lett støylag holder overflaten jevn og får den til å føles som fløyel eller papir.

## Tekstfarger på en burgundergradient

Burgunder er mørkt nok til at lys tekst er lett å lese på nesten hele flaten. Rent hvitt kan likevel virke hardt; varm kremfarge holder hele designet mykt. Gull er leselig på de mørkeste rødfargene og fint til et navn eller en dato, men bruk det stort. Forholdene under bruker WCAG-formelen, der 4,5:1 er det vanlige minimumet for liten tekst.

| Bakgrunn | Tekst | Kontrast | Brukes til |
| --- | --- | --- | --- |
| Burgunder `#800020` | Hvit `#ffffff` | 10,8:1 | All tekst |
| Vinrød `#7f1d3a` | Krem `#fdf2e9` | 8,9:1 | All tekst, mykere uttrykk |
| Okseblod `#4a0e1f` | Krem `#fdf2e9` | 13,9:1 | All tekst |
| Kjellermørk `#2a0a12` | Gull `#d4a24c` | 7,9:1 | Navn, datoer og overskrifter |
| Pudderrosa `#e8b4b8` | Okseblod `#4a0e1f` | 8,5:1 | Mørk tekst i den lyse enden |
| Støvet rosa `#be7c8c` | Hvit `#ffffff` | 3,3:1 | Bare store overskrifter |

Hvis gradienten går fra burgunder til pudderrosa, må ordene bli i én ende eller skifte tekstfarge når de krysser flaten.

Et stående arrangementsinnlegg for en vinsmakingskveld med kremfargede bokstaver på en mørk burgundergradient

Et innlegg fra en vinbar på dyp burgunderbakgrunn med kremfarget tekst.

En hold av datoen-invitasjon med burgunder som går mot pudderrosa og mørke bokstaver i den lyse enden

En invitasjon på 5×7 in der burgunder mykner mot pudderrosa.

Begge designene holder ordene i én ende av blandingen. [Tekst på en gradient](https://gradiently.design/nb/guide/text-on-gradient) forklarer hvordan du håndterer en linje som må krysse fra mørkt til lyst.

## Burgundergradient som bakgrunn i CSS

```css
.section--wine {
  background-color: #2a0a12;
  background-image:
    radial-gradient(circle at 75% 20%, #9f1239 0%, transparent 45%),
    radial-gradient(circle at 10% 95%, #4a0e1f 0%, transparent 55%),
    linear-gradient(160deg, #2a0a12 0%, #800020 100%);
  color: #fdf2e9;
}

.section--wine .accent {
  color: #d4a24c;
}
```

En kjellermørk bakgrunn, granatrødt lys øverst til høyre, okseblodskygge nederst til venstre, kremfarget tekst og en gullaksent.

Radiale gradienter i lag over et lineært grunnlag gir burgunder dybden til stoff fremfor en flat fargeflate. Samme idé forklares nærmere i [radiale CSS-gradienter](https://gradiently.design/nb/guide/css-radial-gradient).

## Hvor burgunder fungerer

Burgunder har rødfargens varme uten følelsen av hastverk. Derfor ser du den sjelden på salgsbannere og ofte på menyer, invitasjoner og etiketter. Den passer vinbarer og restauranter, skjønnhet og parfyme, bokhandlere, universiteter, vinter- og høytidskampanjer og høstkolleksjoner. Den passer også naturlig til [jordfargepalettene](https://gradiently.design/nb/guide/earth-tone-colors) mange livsstilsmerker bruker, som en dyp aksent blant lysebrunt og olivengrønt.

Hvis du ønsker et mørkerødt uttrykk som er ditt fremfor en hex-kode alle kan kopiere, kan du finne burgunder- og vinrøde Marks på Markedet i Gradiently ved å skrive et fargeord som «vinrød». Hver Mark er unik, gjengis i alle størrelser du trenger og holder ordene leselige på de mørkeste og lyseste delene.

## FAQ

### Hva er hex-koden for burgunder?

Klassisk burgunder er `#800020`. Vinrødt ligger rundt `#7f1d3a` og mørkere okseblod rundt `#4a0e1f`.

### Hva er forskjellen på burgunder og rødbrunt?

Burgunder heller svakt mot lilla, som rødvin. Rødbrunt, `#800000`, heller svakt mot brunt. Forskjellen avgjør hvilke farger de blandes godt med.

### Hvilke farger passer til en burgundergradient?

Gull, pudderrosa, støvet rosa, plomme, krem og nesten svart fungerer alle. Marineblått fungerer ved siden av burgunder, men unngå å blande mot grønt eller olivengrønt, som gir en grumsete overgang.

### Hvilken tekstfarge passer på burgunder?

Krem eller hvitt er svært leselig på burgunder, med rundt 9:1 til 11:1 kontrast. Gull passer til overskrifter og navn på de mørkeste rødfargene.

### Hvorfor ser burgundergradienten min brun ut?

Den blandes trolig mot oransje, olivengrønt eller varmt grått, eller blander en brunlig rødfarge med kjølig rosa. La alle stopp helle samme vei og gå mot rødfarget svart.