Degradê Verde

11 degradês de verde prontos, com o código CSS para copiar: do Nyanza ao Verde Selva Escuro, verde com branco e com preto e verde com as cores que combinam com ele. Passe o mouse no card para ver os códigos de cada cor.
#E9FFDB
#1A2421

Nyanza para Verde Selva Escuro

Do tom mais claro ao mais escuro de verde.

#E9FFDB
#A9BA9D
#56887D
#1A2421

Verde Tom Sobre Tom

Quatro tons de verde: Nyanza, Verde Louro, Verde-Gualtéria, Verde Selva Escuro.

#008000
#FFFFFF

Verde para Branco

Clareia até o branco.

#008000
#000000

Verde para Preto

Escurece até o preto.

#E9FFDB
#A5C295

Nyanza para Coco Verde

O Nyanza é 22 pontos mais claro que o Coco Verde (L* de 98 contra 75).

#A5C295
#8A9A5B

Coco Verde para Verde Musgo

O Coco Verde é 14 pontos mais claro que o Verde Musgo (L* de 75 contra 61).

#8A9A5B
#4A5D23

Verde Musgo para Verde Musgo Escuro

O Verde Musgo é 24 pontos mais claro que o Verde Musgo Escuro (L* de 61 contra 37).

#008000
#F5F5DC

Verde para Bege

Verde com uma das cores que combinam com ele.

#008000
#A52A2A

Verde para Marrom

Verde com uma das cores que combinam com ele.

#008000
#FFD700

Verde para Dourado

Verde com uma das cores que combinam com ele.

#679267
#008000
#1A2421

Verde Radial

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

Códigos CSS dos Degradês de Verde

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

Degradê CSS
Nyanza para Verde Selva Escuro linear-gradient(90deg, #E9FFDB 0%, #1A2421 100%)
Verde Tom Sobre Tom linear-gradient(180deg, #E9FFDB 0%, #A9BA9D 33%, #56887D 67%, #1A2421 100%)
Verde para Branco linear-gradient(90deg, #008000 0%, #FFFFFF 100%)
Verde para Preto linear-gradient(180deg, #008000 0%, #000000 100%)
Nyanza para Coco Verde linear-gradient(135deg, #E9FFDB 0%, #A5C295 100%)
Coco Verde para Verde Musgo linear-gradient(135deg, #A5C295 0%, #8A9A5B 100%)
Verde Musgo para Verde Musgo Escuro linear-gradient(135deg, #8A9A5B 0%, #4A5D23 100%)
Verde para Bege linear-gradient(90deg, #008000 0%, #F5F5DC 100%)
Verde para Marrom linear-gradient(90deg, #008000 0%, #A52A2A 100%)
Verde para Dourado linear-gradient(90deg, #008000 0%, #FFD700 100%)
Verde Radial radial-gradient(circle at center, #679267 0%, #008000 50%, #1A2421 100%)

Como Usar o Degradê Verde

Os degradês desta página usam 119 tons de verde com nome, do Nyanza (#E9FFDB) ao Verde Selva Escuro (#1A2421).

No degradê Nyanza para Verde Selva Escuro, o texto branco só passa de 4,5:1 de contraste (o mínimo para leitura, pela WCAG) a partir de 65% do caminho. Antes disso, use texto preto (19,8:1 na ponta clara) ou deixe o texto do lado escuro.

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 verde e a complementar, ponha uma terceira cor no centro.

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