# Gradiente de seda: dobras suaves de luz e cor

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

A seda é um dos poucos materiais que as pessoas reconhecem só pela luz. Acerte as dobras e o brilho, e uma tela plana passa a parecer cara. Estas são as cores e a estrutura por trás disso.

## The short version

- Um gradiente de seda imita o tecido caído, com dobras longas e suaves, brilhos estreitos em cada crista e sombras profundas e coloridas em cada vale.
- Os brilhos da seda são bem mais estreitos que suas sombras, e esse desequilíbrio é o que se lê como brilho sedoso, e não como simples sombreado.
- A seda furta-cor é tecida com fios de duas cores, então muda de tom entre o brilho e a sombra, por exemplo azul-petróleo na luz e violeta nas dobras.
- As sombras da seda devem ser uma versão mais escura e saturada da cor do tecido, nunca cinza.
- Gradientes de seda combinam com luxo, beleza, joalheria e casamentos, porque o próprio material sinaliza cuidado e valor.

Um **gradiente de seda** imita o tecido caído: 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 sedoso. É um visual de material, não de cor, e por isso o mesmo champanhe ou esmeralda pode parecer chapado como mistura simples e luxuoso como seda. Você precisa de três coisas: uma cor de tecido, um brilho mais claro e um pouco mais quente, e uma sombra mais escura e mais saturada.

## Como a seda captura a luz

As fibras da seda são lisas e levemente prismáticas, então refletem a luz de modo concentrado. Uma dobra de seda produz um brilho rápido e nítido onde encara a luz e uma descida longa e suave para a sombra. O algodão fosco na mesma dobra daria um gradiente largo e opaco, sem pico nítido. Copie essas propriedades e qualquer cor começa a se ler como seda.

| Parte de uma dobra | Como aparece | No seu gradiente |
| --- | --- | --- |
| Brilho da crista | Fino, claro, quase branco | Um ponto estreito, de 2 a 4 por cento de largura |
| Ombro | A cor real do tecido | Faixa larga de cada lado do brilho |
| Sombra do vale | Profunda, saturada, de borda suave | A faixa mais larga, mais escura e mais rica |
| Luz refletida | Um leve clareamento dentro do vale | Um ponto um pouco mais claro na sombra |

Uma dobra, decomposta. Repita-a em larguras desiguais pelo quadro e você tem um drapeado.

## Códigos de gradiente de seda

Cada um destes é um gradiente linear com as dobras embutidas: faixas desiguais, brilhos nítidos e sombras largas. Funcionam sozinhos como fundo e como base da versão em camadas mais adiante.

- 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. Os pontos de brilho têm só quatro por cento de largura; se alargá-los, o brilho vira uma simples listra.

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

## Seda furta-cor: duas cores num só tecido

A seda furta-cor é tecida com fios de uma cor no sentido do comprimento e de outra no sentido da largura. Conforme o tecido gira, você vê mais de uma ou da outra, e o tom muda entre luz e sombra. É a seda mais marcante de imitar, e basta uma mudança: use um tom nos brilhos e nos ombros e outro tom nos vales.

- Brilho azul-petróleo: #99f6e4
- Ombro azul-petróleo: #14b8a6
- Dobra violeta: #6d28d9
- Sombra violeta: #2e1065

Uma seda furta-cor azul-petróleo e violeta. A luz se lê azul-petróleo, a sombra se lê violeta, e o meio cintila entre as duas.

Seda furta-cor, azul-petróleo 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. Combine cores que se misturam por um meio limpo, como azul-petróleo e violeta ou dourado e rosa.

## Como construir dobras de seda em CSS

Um único gradiente linear dá dobras paralelas, o que parece tecido plissado. O drapeado de verdade se curva. Sobreponha dois gradientes em ângulos ligeiramente diferentes, um com luz suave e outro com as dobras, e acrescente uma grande sombra radial para um lado cair. O resultado se lê 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 acumulada embaixo, à direita.

> **O grão faz virar tecido** Uma camada de ruído muito fina, com 2 a 4 por cento de opacidade, sugere a trama e impede que as dobras pareçam plástico. Mantenha-a mais fina do que faria para papel. A [textura em gradientes](https://gradiently.design/pt-br/guide/gradient-texture) compara as opções.

## Seda versus gradientes de cetim, líquido e cromado

| Visual | Brilho | Sombra | Transmite |
| --- | --- | --- | --- |
| Seda | Fino, claro, quente | Larga, rica, colorida | Luxo discreto |
| Cetim | Mais largo e mais lustroso | Mais curta, mais nítida | Roupa de noite, ousadia |
| [Líquido](https://gradiently.design/pt-br/guide/liquid-gradient) | Linhas finas ao longo dos redemoinhos | Faixas de cor | Tinta derramada, energia |
| Cromado | Branco puro, muito duro | Quase preta, dura | Máquinas, Y2K, tech |

Quatro visuais lustrosos. A largura e a dureza do brilho decidem qual material o olho enxerga.

## Onde os gradientes de seda funcionam melhor

A seda sinaliza cuidado, o que a torna certa para joalheria, perfumaria, skincare, noivas, hotéis e lançamentos premium. Combine-a com uma serifa refinada ou uma sem serifa larga e leve, e use poucas palavras. Champanhe e marfim combinam com casamentos; esmeralda, meia-noite e sangue de boi combinam com noite e luxo. As [paletas de cores de luxo](https://gradiently.design/pt-br/guide/luxury-color-palettes) e as [paletas de cores para casamento](https://gradiently.design/pt-br/guide/wedding-color-palettes) trazem mais combinações.

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

Um post de perfume em 1080×1350, com o texto centralizado num ombro calmo do tecido.

Um cartão de save the date de casamento com os nomes sobre um fundo de seda marfim clara

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

### Parece plástico

- Brilhos tão largos quanto as sombras
- Sombras cinza
- Dobras perfeitamente paralelas
- Sem grão, então parece uma renderização

### Parece seda

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

Os Marks do Gradiently empilham até três materiais, cada um com luz e grão próprios, então uma superfície pode ter profundidade e brilho sem você construir dobras à mão. Cada um é renderizado em qualidade total em todos os tamanhos em que você cria, de um convite a um Story, e mantém calma a área atrás das suas palavras. Explore o Mercado com palavras de cor como “champanhe” ou “esmeralda”.

## FAQ

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

Use um gradiente linear com faixas desiguais: brilhos estreitos, quase brancos, faixas largas da cor do tecido e sombras largas e mais escuras. Sobreponha um segundo brilho em ângulo ligeiramente diferente para um drapeado curvo.

### Que cores ficam melhores como seda?

Champanhe, marfim, esmeralda, azul-meia-noite, rosa e sangue de boi funcionam bem porque têm uma versão clara e outra escura bem definidas. Pastéis muito claros pedem mais profundidade na sombra.

### O que é seda furta-cor?

É a seda tecida com fios de duas cores, que muda de tom quando se move. Num gradiente, use 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 lustrosos 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.