La versión corta
- 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.
En esta página
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.
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.
Están cerca del extremo más oscuro de los degradados rojos, 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.
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.
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
#14050ay 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 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.
#800020Texto
#ffffffContraste
Uso
#7f1d3aTexto
#fdf2e9Contraste
Uso
#4a0e1fTexto
#fdf2e9Contraste
Uso
#2a0a12Texto
#d4a24cContraste
Uso
#e8b4b8Texto
#4a0e1fContraste
Uso
#be7c8cTexto
#ffffffContraste
Uso
Una publicación de un bar de vinos sobre un fondo burdeos profundo con texto crema.
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 se explica cómo resolver una línea que tiene que cruzar de oscuro a claro.
Un fondo degradado burdeos en 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;
}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.
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 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.
Preguntas frecuentes
¿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.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil