# Gradientes de seda: dobras suaves de luz e cor

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

A seda é um dos poucos materiais que as pessoas reconhecem só pela luz. Acerta nas dobras e no brilho e um ecrã plano começa a parecer caro. Eis as cores e a estrutura por trás disso.

## The short version

- Um gradiente de seda imita tecido pendente com dobras longas e suaves, brilhos estreitos e claros em cada crista e sombras profundas e coloridas em cada vale.
- Os brilhos da seda são muito mais estreitos do que as suas sombras, e é esse desequilíbrio que se lê como brilho em vez de simples sombreado.
- A seda furta-cor é tecida com fios de duas cores, por isso muda de tom entre o brilho e a sombra, por exemplo verde-azulado na luz e violeta nas dobras.
- As sombras da seda devem ser uma versão mais profunda e saturada da cor do tecido, nunca cinzentas.
- Os gradientes de seda servem trabalhos de luxo, beleza, joalharia e casamentos, porque o próprio material sinaliza cuidado e valor.

Um **gradiente de seda** imita tecido pendente: dobras longas de cor, cada uma com um brilho estreito e claro ao longo da crista e uma sombra suave e profunda no vale. Esse padrão de luz fina e sombra larga é o que o olho lê como brilho. É um visual de material, não de cor, e por isso o mesmo champanhe ou esmeralda pode parecer plano como mistura simples e luxuoso como seda. Precisas de três coisas: uma cor de tecido, um brilho mais claro e ligeiramente mais quente e uma sombra mais profunda e mais saturada.

## Como a seda apanha a luz

As fibras de seda são lisas e ligeiramente em forma de prisma, por isso refletem a luz de forma concentrada. Uma dobra em seda produz um brilho rápido e nítido onde olha para a luz e uma descida longa e suave para a sombra. O algodão mate na mesma dobra daria um gradiente largo e baço, sem um pico nítido. Copia estas propriedades e qualquer cor começa a ler-se como seda.

| Parte de uma dobra | Como se vê | No teu gradiente |
| --- | --- | --- |
| Brilho da crista | Fino, claro, quase branco | Uma paragem estreita, com 2 a 4 por cento de largura |
| Ombro | A verdadeira cor do tecido | Faixa larga de cada lado do brilho |
| Sombra do vale | Profunda, saturada, de contorno suave | A faixa mais larga, mais escura e mais rica |
| Luz refletida | Um leve realce dentro do vale | Uma paragem ligeiramente mais clara na sombra |

Uma dobra, decomposta. Repete-a com larguras desiguais ao longo do enquadramento e tens um panejamento.

## Códigos de gradientes de seda

Cada um destes é um gradiente linear com as dobras já incluídas: faixas desiguais, brilhos nítidos e sombras largas. Funcionam como fundos por si e como base para a versão em camadas mais abaixo.

- Seda champanhe: `linear-gradient(115deg, #6b4f2a 0%, #c8a46a 18%, #f7ead0 23%, #b8925a 30%, #5a3f1e 48%, #a8844f 62%, #efdcb6 66%, #8c6a3a 74%, #4a3216 100%)`
- Seda esmeralda: `linear-gradient(110deg, #022c22 0%, #047857 20%, #a7f3d0 25%, #059669 32%, #013d2c 52%, #065f46 66%, #6ee7b7 70%, #064e3b 78%, #011c15 100%)`
- Seda meia-noite: `linear-gradient(120deg, #0b1026 0%, #1e2a5a 20%, #9fb3e8 25%, #26346e 32%, #070b1c 52%, #1c2752 66%, #7d93d4 70%, #151d40 78%, #05070f 100%)`
- Seda rosa: `linear-gradient(115deg, #7a2e3e 0%, #d97a8c 20%, #fde4e8 24%, #c8607a 31%, #5e1f2e 50%, #b85068 64%, #f8c8d2 68%, #8e3348 76%, #4a1622 100%)`
- Seda sangue-de-boi: `linear-gradient(118deg, #3a0d0d 0%, #9b1c1c 20%, #f8b4b4 24%, #b91c1c 31%, #2b0808 52%, #7f1d1d 66%, #fca5a5 70%, #5c1212 78%, #1f0505 100%)`
- Seda marfim: `linear-gradient(115deg, #e7e5e4 0%, #f5f5f4 20%, #ffffff 24%, #d6d3d1 31%, #a8a29e 50%, #d6d3d1 64%, #fafaf9 68%, #c4bfbb 76%, #9c9692 100%)`

Seis sedas com duas dobras cada. As paragens de brilho têm apenas quatro por cento de largura; alarga-as e o brilho vira uma simples risca.

Mantém o ângulo entre 100 e 125 graus para que as dobras caiam na diagonal, como tecido pendurado de um canto. Uma dobra perfeitamente vertical parece uma cortina; uma horizontal parece uma fita. As sedas escuras, como meia-noite e sangue-de-boi, são as mais tolerantes, porque a sombra esconde qualquer junção desajeitada. Combinam naturalmente com tipografia dourada, como em [gradientes preto e dourado](https://gradiently.design/pt-pt/guide/black-and-gold-gradient).

## Seda furta-cor: duas cores no mesmo tecido

A seda furta-cor, também chamada changeante, é tecida com uma cor de fio no sentido do comprimento e outra no sentido da largura. À medida que o tecido se vira, vês mais de uma ou da outra, e por isso muda de tom entre a luz e a sombra. É a seda mais marcante de imitar, e basta uma alteração: usa um tom para os brilhos e os ombros e outro tom diferente para os vales.

- Brilho verde-azulado: #99f6e4
- Ombro verde-azulado: #14b8a6
- Dobra violeta: #6d28d9
- Sombra violeta: #2e1065

Uma seda furta-cor verde-azulada e violeta. A luz lê-se verde-azulada, a sombra lê-se violeta e o meio cintila entre as duas.

Seda furta-cor, verde-azulado e violeta: `linear-gradient(115deg, #2e1065 0%, #14b8a6 19%, #ccfbf1 23%, #2dd4bf 28%, #6d28d9 40%, #2e1065 52%, #0f766e 64%, #99f6e4 68%, #5b21b6 78%, #1e0a45 100%)`

A mudança de tom acontece na descida para cada dobra. Combina cores que se misturam por um meio limpo, como verde-azulado e violeta ou dourado e rosa.

## Como construir dobras de seda em CSS

Um só gradiente linear dá dobras paralelas, que parecem tecido plissado. O panejamento real curva-se. Sobrepõe dois gradientes com ângulos ligeiramente diferentes, um com luz suave e outro com as dobras, e junta uma grande sombra radial para um lado cair. O resultado lê-se como tecido que pende.

```css
.silk {
  min-height: 100vh;
  background-color: #4a3216;
  background-image:
    radial-gradient(ellipse 70% 90% at 85% 100%, rgba(40, 24, 8, 0.65) 0%, transparent 70%),
    linear-gradient(100deg, transparent 30%, rgba(255, 246, 225, 0.35) 38%, transparent 44%),
    linear-gradient(115deg, #6b4f2a 0%, #c8a46a 18%, #f7ead0 23%, #b8925a 30%,
      #5a3f1e 48%, #a8844f 62%, #efdcb6 66%, #8c6a3a 74%, #4a3216 100%);
}
```

Seda champanhe com um segundo brilho cruzado e uma sombra profunda a acumular-se em baixo, à direita.

> **O grão faz dele tecido** Uma camada de ruído muito fina, com 2 a 4 por cento de opacidade, sugere a trama e impede as dobras de parecerem plástico. Mantém-no mais fino do que usarias para papel. [Textura de gradiente](https://gradiently.design/pt-pt/guide/gradient-texture) compara as opções.

## Seda vs gradientes de cetim, líquidos e cromados

| Visual | Brilho | Sombra | Sensação |
| --- | --- | --- | --- |
| Seda | Fino, claro, quente | Larga, rica, colorida | Luxo discreto |
| Cetim | Mais largo e mais brilhante | Mais curta e mais nítida | Roupa de noite, ousado |
| [Líquido](https://gradiently.design/pt-pt/guide/liquid-gradient) | Linhas finas ao longo de redemoinhos | Faixas de cor | Tinta derramada, energia |
| Cromado | Branco puro, muito duro | Quase preto, duro | Máquinas, Y2K, tecnologia |

Quatro visuais brilhantes. A largura e a dureza do brilho decidem que material o olho vê.

## Onde os gradientes de seda funcionam melhor

A seda sinaliza cuidado, o que a torna certa para joalharia, perfumes, cuidados de pele, noivas, hotéis e lançamentos premium. Combina-a com uma serifada refinada ou uma sem serifa leve e larga, e mantém poucas palavras. O champanhe e o marfim servem casamentos; esmeralda, meia-noite e sangue-de-boi servem noite e luxo. [Paletas de cores de luxo](https://gradiently.design/pt-pt/guide/luxury-color-palettes) e [paletas de cores para casamentos](https://gradiently.design/pt-pt/guide/wedding-color-palettes) têm mais combinações.

Um anúncio vertical de perfume com um pequeno título refinado sobre um gradiente de seda escuro

Uma publicação de perfume em 1080×1350, com as palavras centradas num ombro calmo do tecido.

Um cartão de reserva da data de casamento com os nomes compostos sobre um fundo de seda marfim pálido

Um convite de 5×7 pol. em 1500×2100, seda marfim com os nomes na faixa mais calma.

### Parece plástico

- Brilhos tão largos como as sombras
- Sombras cinzentas
- Dobras perfeitamente paralelas
- Sem grão, por isso lê-se como uma renderização

### Parece seda

- Brilhos estreitos e claros
- Sombras que aprofundam a cor do tecido
- Dobras que se cruzam e curvam
- Um sopro de grão fino

Os Marks do Gradiently empilham até três materiais, cada um com a sua luz e o seu grão, por isso uma superfície pode ter profundidade e brilho sem construíres dobras à mão. Cada um é desenhado em plena qualidade em todos os tamanhos em que crias, de um convite a um story, e mantém calma a zona atrás das tuas palavras. Explora o Mercado com palavras de cor como “champanhe” ou “esmeralda”.

## FAQ

### Como faço um gradiente de seda?

Usa um gradiente linear com faixas desiguais: brilhos estreitos e quase brancos, faixas largas da cor do tecido e sombras largas e mais profundas. Sobrepõe um segundo brilho com um ângulo ligeiramente diferente para obter um panejamento curvo.

### Que cores ficam melhor como seda?

Champanhe, marfim, esmeralda, azul-meia-noite, rosa e sangue-de-boi lêem-se bem porque têm uma versão clara e uma escura bem definidas. Os pastéis muito pálidos precisam de sombra mais profunda.

### O que é seda furta-cor?

Seda tecida com fios de duas cores, por isso muda de tom quando se move. Num gradiente, usa um tom para os brilhos e outro para as sombras.

### Qual é a diferença entre gradientes de seda e de cetim?

O cetim tem brilhos mais largos e luzidios e sombras mais curtas e nítidas. A seda tem brilhos finos e claros e sombras largas e ricas, o que se lê como mais discreto.