Gradiente bordô: códigos ricos de vinho e grená

Um gradiente bordô mistura vermelhos profundos e levemente arroxeados: o bordô clássico #800020, o vinho #7f1d3a e o escuro sangue-de-boi #4a0e1f, geralmente desaparecendo em quase preto, suavizando-se em rosa e rosado, ou iluminados por um toque de dourado. O segredo para mantê-lo rico é misturar o bordô só com seus parentes, vermelhos, rosas, ameixas e marrons bem escuros, e dar a ele um parceiro creme ou dourado em vez de branco. Abaixo estão os códigos, as diferenças entre bordô, grená e vinho e as cores de texto que funcionam.

Bordô, grená, vinho e sangue-de-boi: qual é a diferença

As pessoas usam esses nomes de forma solta, mas eles tendem a direções diferentes, e a direção importa ao montar um gradiente. O bordô e o vinho tendem ao roxo, então se misturam com elegância à ameixa e ao rosa. O grená e o sangue-de-boi tendem ao marrom, então combinam com couro, bege e latão. Se o seu gradiente parece ferrugem, você provavelmente misturou um grená amarronzado com um rosa frio.

Códigos de gradiente bordô profundo

Os gradientes bordô mais úteis são escuros: um fundo quase preto com luz de vinho subindo por ele. Parecem caros porque há pouquíssima cor viva, e a que existe brilha. Mantenha o vermelho mais claro longe de onde ficarão as palavras.

Estes ficam perto da ponta mais escura dos gradientes vermelhos, mas com menos fogo e mais profundidade. Vermelhos escuros formam banding com facilidade em imagens comprimidas, então acrescente um pouco de granulação antes de exportar.

Bordô com dourado, rosado e ameixa

O bordô raramente funciona sozinho por muito tempo. Seus parceiros clássicos mudam o clima, cada um a seu modo. O dourado o deixa formal e festivo. O rosado o deixa romântico e suave. A ameixa o deixa sombrio e moderno. O azul-marinho, posto ao lado e não misturado, o deixa acadêmico.

O par bordô e dourado é o mais fácil de exagerar. Limite o dourado a uma faixa fina numa borda ou ao texto, e ele lembra vinho fino, não fantasia. Para mais sobre dourado escuro, veja gradientes preto e dourado.

Como evitar que um gradiente bordô vire marrom

1. 1

   Escolha uma direção: roxo ou marrom

   Decida se o seu bordô tende a vinho ou a couro e mantenha todas as cores do gradiente tendendo para o mesmo lado.

2. 2

   Escureça rumo ao quase preto, não ao cinza

   Um bordô se desfazendo num cinza quente parece empoeirado. Desfaça-o num preto tingido de vermelho como #14050a e ele continua rico.

3. 3

   Nunca misture com verde ou oliva

   O verde é oposto ao vermelho na roda de cores, então o meio da mistura vira um cinza amarronzado. Gradientes turvos mostra o efeito.

4. 4

   Clareie com rosa, não com laranja

   Para deixar o bordô mais claro, passe pela granada e pelo rosa antigo. O laranja o puxa para a ferrugem.

5. 5

   Acrescente granulação fina

   Vermelhos profundos comprimem mal e formam degraus. Uma camada leve de ruído mantém a superfície lisa e a faz parecer veludo ou papel.

Cores de texto sobre um gradiente bordô

O bordô é escuro o bastante para que texto claro se leia com facilidade em quase toda a sua extensão. O branco puro pode soar áspero; um creme quente mantém o design inteiro suave. O dourado se lê bem sobre os vermelhos mais escuros e é lindo para um nome ou uma data, mas use em tamanhos grandes. As razões abaixo usam a fórmula do WCAG, em que 4,5:1 é o mínimo usual para texto pequeno.

Os dois designs mantêm suas palavras numa das pontas da mistura. Texto sobre gradiente explica como lidar com uma linha que precisa cruzar do escuro ao claro.

Um fundo de gradiente bordô em 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;
}

Gradientes radiais em camadas sobre uma base linear dão ao bordô a profundidade de um tecido, em vez da chapagem de um preenchimento. A mesma ideia, com mais detalhe, está em gradientes radiais em CSS.

Onde o bordô funciona

O bordô traz o calor do vermelho sem a urgência, e por isso raramente aparece em banners de liquidação e muitas vezes em cardápios, convites e rótulos. Combina com vinhotecas e restaurantes, beleza e perfumaria, livrarias, universidades, campanhas de inverno e de fim de ano e coleções de outono. Também combina naturalmente com as paletas de tons terrosos que muitas marcas de estilo de vida usam, como o acento profundo entre beges e olivas.

Se você quer um visual de vermelho profundo que seja realmente seu, e não um código hex que qualquer um copia, explore os Marks bordô e vinho no Mercado do Gradiently digitando uma palavra de cor como “vinho”. Cada Mark é único, renderiza em todos os tamanhos de que você precisa e mantém suas palavras legíveis nas partes mais escuras e mais claras.