Degradê Vinho

11 degradês de vinho prontos, com o código CSS para copiar: do Magenta de Quinacridona ao Caput Mortuum, vinho com branco e com preto e vinho com as cores que combinam com ele. Passe o mouse no card para ver os códigos de cada cor.
#8E3A59
#592720

Magenta de Quinacridona para Caput Mortuum

Do tom mais claro ao mais escuro de vinho.

#8E3A59
#79443B
#673147
#592720

Vinho Tom Sobre Tom

Quatro tons de vinho: Magenta de Quinacridona, Bole, Malva Antiga, Caput Mortuum.

#722F37
#FFFFFF

Vinho para Branco

Clareia até o branco.

#722F37
#000000

Vinho para Preto

Escurece até o preto.

#8E3A59
#79443B

Magenta de Quinacridona para Bole

Magenta de Quinacridona e Bole quase não mudam de claridade: o degradê troca só o matiz.

#79443B
#6B3136

Bole para Vermelho Vinho

Bole e Vermelho Vinho quase não mudam de claridade: o degradê troca só o matiz.

#6B3136
#701C1C

Vermelho Vinho para Ameixa Persa

Vermelho Vinho e Ameixa Persa quase não mudam de claridade: o degradê troca só o matiz.

#722F37
#FFD700

Vinho para Dourado

Vinho com uma das cores que combinam com ele.

#722F37
#FFFDD0

Vinho para Creme

Vinho com uma das cores que combinam com ele.

#722F37
#F4C2C2

Vinho para Rosa Bebê

Vinho com uma das cores que combinam com ele.

#B18D91
#722F37
#3F1A1E

Vinho Radial

Do centro para as bordas, o tom claro no meio.

Códigos CSS dos Degradês de Vinho

Toque na linha para copiar o CSS do degradê vinho.

Degradê CSS
Magenta de Quinacridona para Caput Mortuum linear-gradient(90deg, #8E3A59 0%, #592720 100%)
Vinho Tom Sobre Tom linear-gradient(180deg, #8E3A59 0%, #79443B 33%, #673147 67%, #592720 100%)
Vinho para Branco linear-gradient(90deg, #722F37 0%, #FFFFFF 100%)
Vinho para Preto linear-gradient(180deg, #722F37 0%, #000000 100%)
Magenta de Quinacridona para Bole linear-gradient(135deg, #8E3A59 0%, #79443B 100%)
Bole para Vermelho Vinho linear-gradient(135deg, #79443B 0%, #6B3136 100%)
Vermelho Vinho para Ameixa Persa linear-gradient(135deg, #6B3136 0%, #701C1C 100%)
Vinho para Dourado linear-gradient(90deg, #722F37 0%, #FFD700 100%)
Vinho para Creme linear-gradient(90deg, #722F37 0%, #FFFDD0 100%)
Vinho para Rosa Bebê linear-gradient(90deg, #722F37 0%, #F4C2C2 100%)
Vinho Radial radial-gradient(circle at center, #B18D91 0%, #722F37 50%, #3F1A1E 100%)

Como Usar o Degradê Vinho

O site tem 1 tom de vinho com nome; para os degradês, entram também cores próximas, como Vermelho Vinho (#6B3136) e Cordovão (#893F45). Vão do Magenta de Quinacridona (#8E3A59) ao Caput Mortuum (#592720).

No degradê Magenta de Quinacridona para Caput Mortuum, o texto branco tem pelo menos 4,5:1 de contraste (o mínimo para leitura, pela WCAG) do começo ao fim. Na ponta escura, chega a 12,1:1.

Nenhum dos pares fica acinzentado no meio: as pontas de cada degradê estão perto na roda de cores ou uma delas é neutra (branco, preto ou cinza). Com cores opostas, como vinho e a complementar, ponha uma terceira cor no centro.

Para outros tons, veja os tons de vinho, com nome e código, ou monte o seu degradê no Criador de Gradiente, que já abre com três tons de vinho. O guia Degradê de cores: como criar um gradiente bonito explica os tipos linear, radial e cônico.