# Degradado burdeos: códigos de vino y granate intensos

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

El burdeos es un rojo que ha madurado. Evoca vino, terciopelo y bibliotecas antiguas, y se vuelve marrón en cuanto lo mezclas sin cuidado. Estos códigos se mantienen intensos.

## The short version

- Un degradado burdeos mezcla rojos profundos y algo purpúreos como #800020, #7f1d3a y #4a0e1f, a menudo hacia un casi negro, rosa, rosa palo o dorado.
- El burdeos tira a púrpura y el granate tira a marrón, y esa pequeña diferencia decide si un degradado parece vino u óxido.
- Los degradados burdeos se enturbian cuando se mezclan con verde, oliva o un gris cálido, así que pasa por rosa, ciruela o casi negro.
- El texto crema o blanco roto cálido se lee muy bien sobre burdeos, y el dorado funciona como acento más que como texto de cuerpo.
- El burdeos encaja con el vino, la hostelería, la belleza, las campañas de otoño e invierno, las invitaciones y cualquier marca que quiera rojo sin urgencia.

Un **degradado burdeos** mezcla rojos profundos y ligeramente purpúreos: el burdeos clásico `#800020`, el vino `#7f1d3a` y el sangre de buey oscuro `#4a0e1f`, que suelen fundirse en un casi negro, suavizarse hacia rosa y rosa palo o encenderse con un toque de dorado. El truco para que siga siendo rico es mezclar el burdeos solo con sus parientes, rojos, rosas, ciruelas y marrones muy oscuros, y darle como pareja un crema o un dorado en lugar del blanco. Aquí tienes los códigos, las diferencias entre burdeos, granate y vino, y los colores de texto que funcionan.

## Burdeos, granate, vino y sangre de buey: en qué se diferencian

Estos nombres se usan con bastante libertad, pero cada uno tira hacia un lado, y esa dirección importa cuando construyes un degradado. El burdeos y el vino tiran a púrpura, así que se funden con elegancia en ciruela y rosa. El granate y el sangre de buey tiran a marrón, así que quedan bien con cuero, tostado y latón. Si tu degradado parece óxido, probablemente has mezclado un granate marrón con un rosa frío.

- Bodega: #2a0a12
- Sangre de buey: #4a0e1f
- Granate: #800000
- Burdeos: #800020
- Vino: #7f1d3a
- Granada: #9f1239
- Rosa empolvado: #be7c8c
- Rosa palo: #e8b4b8

La familia de los rojos profundos, de la oscuridad de bodega al rosa palo. El granate es el más marrón del grupo; el vino y el granada son los más purpúreos.

## Códigos de degradado burdeos oscuro

Los degradados burdeos más útiles son oscuros: un fondo casi negro con una luz color vino que sube a través de él. Parecen caros porque hay muy poco color vivo, y el que hay brilla. Aleja el rojo más claro de donde irán las palabras.

- De bodega a burdeos: `linear-gradient(160deg, #2a0a12 0%, #4a0e1f 45%, #800020 100%)`
- Vino a la luz de las velas: `radial-gradient(circle at 70% 25%, #9f1239 0%, #4a0e1f 40%, #14050a 80%)`
- Cuero granate: `linear-gradient(135deg, #800000 0%, #4a0e1f 55%, #1c0a08 100%)`
- Telón de terciopelo: `radial-gradient(ellipse at 50% 100%, #7f1d3a 0%, #3b0a1c 45%, #0f0508 85%)`

Cuatro degradados burdeos oscuros. Cada uno concentra su rojo más brillante en un punto y deja una zona oscura y tranquila para el texto.

Están cerca del extremo más oscuro de los [degradados rojos](https://gradiently.design/es/guide/red-gradient), pero con menos fuego y más profundidad. Los rojos oscuros forman bandas con facilidad en imágenes comprimidas, así que añade un poco de grano antes de exportar.

## Burdeos con dorado, rosa palo y ciruela

El burdeos rara vez funciona solo mucho tiempo. Cada una de sus parejas clásicas cambia el ambiente. El dorado lo vuelve formal y festivo. El rosa palo lo vuelve romántico y suave. El ciruela lo vuelve melancólico y moderno. El azul marino, colocado a su lado en vez de mezclado, lo vuelve universitario.

- Burdeos y dorado: `linear-gradient(135deg, #4a0e1f 0%, #800020 82%, #d4a24c 100%)`
- De vino a rosa palo: `linear-gradient(180deg, #7f1d3a 0%, #be7c8c 55%, #f5dede 100%)`
- De ciruela a burdeos: `linear-gradient(120deg, #3b0764 0%, #6b1d4a 50%, #800020 100%)`
- Rosa en la oscuridad: `radial-gradient(circle at 20% 80%, #e8b4b8 0%, #9f1239 40%, #2a0a12 85%)`

El burdeos con sus cuatro mejores compañeros. El dorado queda como un borde corto, y las demás mezclas se quedan en rojos, rosas y púrpuras, así que nada se vuelve marrón.

La pareja burdeos y dorado es la más fácil de exagerar. Limita el dorado a una franja en un borde o al texto, y parecerá un buen vino y no un disfraz. Para más sobre el dorado oscuro, mira los [degradados negro y dorado](https://gradiently.design/es/guide/black-and-gold-gradient).

## Cómo evitar que un degradado burdeos se vuelva marrón

1. **Elige una dirección: púrpura o marrón** Decide si tu burdeos tira a vino o a cuero, y haz que todos los colores del degradado tiren hacia el mismo lado.
2. **Oscurece hacia casi negro, no hacia gris** Un burdeos que se funde en un gris cálido parece polvoriento. Fúndelo en un negro teñido de rojo como `#14050a` y seguirá siendo rico.
3. **Nunca lo mezcles con verde u oliva** El verde está enfrente del rojo en el círculo cromático, así que el centro de la mezcla se vuelve marrón grisáceo. En [degradados turbios](https://gradiently.design/es/guide/muddy-gradients) se ve el efecto.
4. **Aclara con rosa, no con naranja** Para aclarar el burdeos, pasa por granada y rosa empolvado. El naranja lo arrastra hacia el óxido.
5. **Añade un grano fino** Los rojos profundos se comprimen mal y forman escalones. Una capa ligera de ruido mantiene la superficie suave y la hace parecer terciopelo o papel.

## Colores de texto sobre un degradado burdeos

El burdeos es lo bastante oscuro como para que el texto claro se lea bien en casi toda su superficie. Aun así, el blanco puro puede resultar duro; un crema cálido mantiene suave todo el diseño. El dorado se lee bien sobre los rojos más oscuros y queda precioso para un nombre o una fecha, pero úsalo en tamaños grandes. Los contrastes de abajo usan la fórmula WCAG, donde 4,5:1 es el mínimo habitual para texto pequeño.

| Fondo | Texto | Contraste | Uso |
| --- | --- | --- | --- |
| Burdeos `#800020` | Blanco `#ffffff` | 10,8:1 | Cualquier texto |
| Vino `#7f1d3a` | Crema `#fdf2e9` | 8,9:1 | Cualquier texto, más suave |
| Sangre de buey `#4a0e1f` | Crema `#fdf2e9` | 13,9:1 | Cualquier texto |
| Bodega `#2a0a12` | Dorado `#d4a24c` | 7,9:1 | Nombres, fechas, titulares |
| Rosa palo `#e8b4b8` | Sangre de buey `#4a0e1f` | 8,5:1 | Tinta oscura en el extremo claro |
| Rosa empolvado `#be7c8c` | Blanco `#ffffff` | 3,3:1 | Solo titulares grandes |

Si tu degradado va de burdeos a rosa palo, las palabras tienen que quedarse en un extremo o cambiar de tinta donde lo cruzan.

Publicación vertical de un evento de cata de vinos con letras crema sobre un degradado burdeos oscuro

Una publicación de un bar de vinos sobre un fondo burdeos profundo con texto crema.

Invitación de reserva la fecha con burdeos que se funde en rosa palo y letras oscuras en el extremo claro

Una invitación de 5×7 in donde el burdeos se suaviza en rosa palo.

Los dos diseños mantienen sus palabras en un extremo de la mezcla. En [texto sobre un degradado](https://gradiently.design/es/guide/text-on-gradient) se explica cómo resolver una línea que tiene que cruzar de oscuro a claro.

## Un fondo degradado burdeos en 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;
}
```

Un fondo oscuro de bodega, luz granada arriba a la derecha, sombra sangre de buey abajo a la izquierda, texto crema y un acento dorado.

Superponer degradados radiales sobre una base lineal da al burdeos la profundidad de una tela en lugar de la planitud de un relleno. La misma idea, con más detalle, está en [degradados radiales en CSS](https://gradiently.design/es/guide/css-radial-gradient).

## Dónde funciona el burdeos

El burdeos tiene la calidez del rojo sin su urgencia, por eso casi nunca aparece en banners de rebajas y sí a menudo en cartas, invitaciones y etiquetas. Encaja con bares de vinos y restaurantes, belleza y perfumería, librerías, universidades, campañas de invierno y fiestas, y colecciones de otoño. También combina de forma natural con las [paletas de tonos tierra](https://gradiently.design/es/guide/earth-tone-colors) que usan muchas marcas de estilo de vida, como el acento profundo entre tostados y olivas.

Si quieres un estilo rojo profundo que sea de verdad tuyo y no un código hex que cualquiera puede copiar, explora los Marks burdeos y vino del Mercado de Gradiently escribiendo una palabra de color como «vino». Cada Mark es único, se renderiza en todos los tamaños que necesitas y mantiene tus palabras legibles en sus zonas más oscuras y más claras.

## FAQ

### ¿Cuál es el código hex del burdeos?

El burdeos clásico es `#800020`. El vino ronda `#7f1d3a` y el sangre de buey, más oscuro, `#4a0e1f`.

### ¿Qué diferencia hay entre burdeos y granate?

El burdeos tira un poco a púrpura, como el vino tinto. El granate, `#800000`, tira un poco a marrón. Esa diferencia decide con qué colores se mezcla bien cada uno.

### ¿Qué colores combinan con un degradado burdeos?

Dorado, rosa palo, rosa empolvado, ciruela, crema y casi negro funcionan. El azul marino funciona al lado del burdeos, pero evita mezclarlo con verde u oliva, que lo enturbian.

### ¿Qué color de texto va sobre burdeos?

El crema o el blanco se leen muy bien sobre burdeos, con un contraste de 9:1 a 11:1 aproximadamente. El dorado sirve para titulares y nombres sobre los rojos más oscuros.

### ¿Por qué mi degradado burdeos se ve marrón?

Probablemente se mezcla con naranja, oliva o un gris cálido, o combina un granate marrón con un rosa frío. Haz que todas las paradas tiren hacia el mismo lado y fúndelo en un negro teñido de rojo.