# Bordeaux gradient: fyldige vinrøde og rødbrune koder

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

Bordeaux er rød, der er blevet voksen. Den læses som vin, fløjl og gamle biblioteker, og den bliver brun, så snart du blander den skødesløst. Disse koder forbliver fyldige.

## The short version

- En bordeaux gradient blander dybe, lilla-agtige røde som #800020, #7f1d3a og #4a0e1f, ofte mod næsten sort, rosa, lyserød eller guld.
- Bordeaux hælder mod lilla, og rødbrun hælder mod brun, og den lille forskel afgør, om en gradient føles som vin eller som rust.
- Bordeaux gradienter bliver mudrede, når de blandes med grøn, oliven eller en varm grå, så gå i stedet gennem rosa, blomme eller næsten sort.
- Creme og varm råhvid tekst læses rigtig godt på bordeaux, og guld fungerer som accent snarere end som brødtekst.
- Bordeaux passer til vin, restauranter og hoteller, skønhed, efterårs- og vinterkampagner, invitationer og ethvert brand, der vil have rød uden hast.

En **bordeaux gradient** blander dybe, let lilla røde: klassisk bordeaux `#800020`, vinrød `#7f1d3a` og mørk oksblod `#4a0e1f`, som regel med en overgang til næsten sort, en blødere glidning mod rosa og lyserød eller et strejf af guld. Tricket til at holde den fyldig er kun at blande bordeaux med dens slægtninge, røde, rosa, blommefarver og meget mørke brune, og give den en creme- eller guldfarvet partner i stedet for hvid. Nedenfor finder du koderne, forskellene mellem bordeaux, rødbrun og vinrød og de tekstfarver, der virker.

## Bordeaux, rødbrun, vinrød og oksblod: hvad er forskellen

Folk bruger navnene løst, men de hælder i forskellige retninger, og retningen betyder noget, når du bygger en gradient. Bordeaux og vinrød hælder mod lilla, så de glider elegant over i blomme og rosa. Rødbrun og oksblod hælder mod brun, så de passer godt med læder, cognac og messing. Ligner din gradient rust, har du sandsynligvis blandet en brunlig rødbrun med en kølig pink.

- Vinkælder: #2a0a12
- Oksblod: #4a0e1f
- Rødbrun: #800000
- Bordeaux: #800020
- Vinrød: #7f1d3a
- Granat: #9f1239
- Støvet rosa: #be7c8c
- Lyserød: #e8b4b8

Den dybe røde familie fra kældermørk til lyserød. Rødbrun er den mest brune af sættet; vinrød og granat er de mest lilla.

## Dybe bordeaux gradientkoder

De mest brugbare bordeaux gradienter er mørke: en næsten sort bund med vinrødt lys, der stiger op gennem den. De føles dyre, fordi der er meget lidt klar farve, og den, der er, gløder. Hold den lyseste røde væk fra der, hvor ordene skal stå.

- Vinkælder til bordeaux: `linear-gradient(160deg, #2a0a12 0%, #4a0e1f 45%, #800020 100%)`
- Vin i stearinlys: `radial-gradient(circle at 70% 25%, #9f1239 0%, #4a0e1f 40%, #14050a 80%)`
- Rødbrunt læder: `linear-gradient(135deg, #800000 0%, #4a0e1f 55%, #1c0a08 100%)`
- Fløjlstæppe: `radial-gradient(ellipse at 50% 100%, #7f1d3a 0%, #3b0a1c 45%, #0f0508 85%)`

Fire mørke bordeaux gradienter. Hver holder sin klareste røde ét sted og efterlader et roligt mørkt område til tekst.

De ligger tæt på den mørke ende af [røde gradienter](https://gradiently.design/da/guide/red-gradient), men med mindre ild og mere dybde. Mørke røde får let banding i komprimerede billeder, så tilføj lidt korn, før du eksporterer.

## Bordeaux med guld, lyserød og blomme

Bordeaux fungerer sjældent alene ret længe. Dens klassiske partnere ændrer hver især stemningen. Guld gør den formel og festlig. Lyserød gør den romantisk og blød. Blomme gør den stemningsfuld og moderne. Marineblå, placeret ved siden af den frem for blandet ind, gør den akademisk.

- Bordeaux og guld: `linear-gradient(135deg, #4a0e1f 0%, #800020 82%, #d4a24c 100%)`
- Vinrød til lyserød: `linear-gradient(180deg, #7f1d3a 0%, #be7c8c 55%, #f5dede 100%)`
- Blomme til bordeaux: `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%)`

Bordeaux med sine fire bedste følgesvende. Guld forbliver en smal kant, og de andre blandinger holder sig til røde, pink og lilla, så intet bliver brunt.

Parringen af bordeaux og guld er den letteste at overdrive. Hold guld til en tynd stribe i den ene kant eller til teksten, så læses den som fin vin frem for udklædning. Mere om mørk guld finder du i [sorte og guld gradienter](https://gradiently.design/da/guide/black-and-gold-gradient).

## Sådan undgår du, at en bordeaux gradient bliver brun

1. **Vælg en retning: lilla eller brun** Beslut, om din bordeaux hælder mod vin eller mod læder, og lad alle farver i gradienten hælde samme vej.
2. **Gør den mørkere mod næsten sort, ikke grå** En bordeaux, der glider over i en varm grå, ser støvet ud. Lad den glide over i en rødtonet sort som `#14050a`, så forbliver den fyldig.
3. **Bland aldrig med grøn eller oliven** Grøn ligger over for rød på farvehjulet, så midten af blandingen bliver gråbrun. [Mudrede gradienter](https://gradiently.design/da/guide/muddy-gradients) viser effekten.
4. **Løft med rosa, ikke orange** For at gøre bordeaux lysere skal du gå gennem granat og støvet rosa. Orange trækker den mod rust.
5. **Tilføj fint korn** Dybe røde komprimeres dårligt og får trin i overgangen. Et let lag støj holder overfladen glat og får den til at føles som fløjl eller papir.

## Tekstfarver på en bordeaux gradient

Bordeaux er mørk nok til, at lys tekst læses let på næsten hele den. Ren hvid kan dog virke hård; en varm creme holder hele designet blødt. Guld læses godt på de mørkeste røde og er smuk til et navn eller en dato, men brug den i store størrelser. Forholdstallene nedenfor bruger WCAG-formlen, hvor 4,5:1 er det sædvanlige minimum for lille tekst.

| Baggrund | Tekst | Kontrast | Brug til |
| --- | --- | --- | --- |
| Bordeaux `#800020` | Hvid `#ffffff` | 10,8:1 | Al tekst |
| Vinrød `#7f1d3a` | Creme `#fdf2e9` | 8,9:1 | Al tekst, blødere udtryk |
| Oksblod `#4a0e1f` | Creme `#fdf2e9` | 13,9:1 | Al tekst |
| Vinkælder `#2a0a12` | Guld `#d4a24c` | 7,9:1 | Navne, datoer, overskrifter |
| Lyserød `#e8b4b8` | Oksblod `#4a0e1f` | 8,5:1 | Mørk tekst på den lyse ende |
| Støvet rosa `#be7c8c` | Hvid `#ffffff` | 3,3:1 | Kun store overskrifter |

Går din gradient fra bordeaux til lyserød, skal ordene blive i den ene ende eller skifte farve, hvor de krydser.

Et eventopslag i stående format til en vinsmagning med cremefarvede bogstaver over en mørk bordeaux gradient

Et opslag for en vinbar på en dyb bordeaux bund med cremefarvet tekst.

En save the date-invitation med bordeaux, der glider over i lyserød, og mørke bogstaver på den lyse ende

En invitation i 5×7 in, hvor bordeaux bliver blødere og glider over i lyserød.

Begge design holder deres ord i den ene ende af blandingen. [Tekst på en gradient](https://gradiently.design/da/guide/text-on-gradient) forklarer, hvordan du håndterer en linje, der skal krydse fra mørk til lys.

## En bordeaux gradientbaggrund 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 mørk vinkælderbund, granatlys øverst til højre, oksblodsskygge nederst til venstre, cremefarvet tekst og en guldaccent.

Radiale gradienter i lag over en lineær bund giver bordeaux dybde som stof i stedet for en flad udfyldning. Samme idé mere detaljeret finder du i [radiale CSS-gradienter](https://gradiently.design/da/guide/css-radial-gradient).

## Hvor bordeaux virker

Bordeaux har rødts varme uden dens hast, og derfor ses den sjældent på udsalgsbannere og ofte på menukort, invitationer og etiketter. Den passer til vinbarer og restauranter, skønhed og parfume, boghandlere, universiteter, vinter- og julekampagner og efterårskollektioner. Den passer også naturligt til de [jordfarvepaletter](https://gradiently.design/da/guide/earth-tone-colors), mange livsstilsbrands bruger, som den dybe accent mellem cognac og oliven.

Vil du have et dybrødt look, der virkelig er dit, frem for en hex-kode, alle kan kopiere, så gå på opdagelse blandt bordeaux og vinrøde Marks på Markedet i Gradiently ved at skrive et farveord som »vin«. Hver Mark er unik, gengives i alle de størrelser, du har brug for, og holder dine ord læselige på både sine mørkeste og lyseste dele.

## FAQ

### Hvad er hex-koden for bordeaux?

Klassisk bordeaux er `#800020`. Vinrød ligger omkring `#7f1d3a` og mørkere oksblod omkring `#4a0e1f`.

### Hvad er forskellen på bordeaux og rødbrun?

Bordeaux hælder let mod lilla, som rødvin. Rødbrun, `#800000`, hælder let mod brun. Den forskel afgør, hvilke farver hver af dem blander sig godt med.

### Hvilke farver passer til en bordeaux gradient?

Guld, lyserød, støvet rosa, blomme, creme og næsten sort virker alle. Marineblå virker ved siden af bordeaux, men undgå at blande den med grøn eller oliven, som bliver mudret.

### Hvilken tekstfarve passer på bordeaux?

Creme eller hvid læses rigtig godt på bordeaux med en kontrast på omkring 9:1 til 11:1. Guld passer til overskrifter og navne på de mørkeste røde.

### Hvorfor ser min bordeaux gradient brun ud?

Den blander sig sandsynligvis med orange, oliven eller en varm grå, eller du blander en brunlig rødbrun med en kølig pink. Lad alle farvestop hælde samme vej, og lad den glide over i en rødtonet sort.