# Degradados de seda: pliegues suaves de luz y color

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

La seda es uno de los pocos materiales que se reconocen solo por la luz. Si aciertas con los pliegues y el brillo, una pantalla plana empieza a parecer cara. Estos son los colores y la estructura que hay detrás.

## The short version

- Un degradado de seda imita la tela drapeada con pliegues largos y suaves, un brillo estrecho y luminoso en cada cresta y sombras profundas y con color en cada valle.
- Los brillos de la seda son mucho más estrechos que sus sombras, y ese desequilibrio es lo que se lee como lustre y no como un simple sombreado.
- La seda tornasolada se teje con hilos de dos colores, así que cambia de tono entre el brillo y la sombra, por ejemplo verde azulado en la luz y violeta en los pliegues.
- Las sombras de la seda deben ser una versión más profunda y saturada del color de la tela, nunca gris.
- Los degradados de seda encajan con el lujo, la belleza, la joyería y las bodas, porque el propio material transmite cuidado y valor.

Un **degradado de seda** imita la tela drapeada: largos pliegues de color, cada uno con un brillo estrecho y luminoso a lo largo de su cresta y una sombra suave y profunda en su valle. Ese patrón de luz fina y sombra amplia es lo que el ojo lee como lustre. Es un look de material más que de color, y por eso el mismo champán o esmeralda puede resultar plano como una mezcla simple y lujoso como seda. Necesitas tres cosas: un color de tela, un brillo más claro y algo más cálido, y una sombra más profunda y más saturada.

## Cómo atrapa la luz la seda

Las fibras de seda son lisas y tienen una forma ligeramente prismática, así que reflejan la luz de forma concentrada. Un pliegue de seda produce un brillo rápido y nítido donde mira a la luz y una caída larga y suave hacia la sombra. El algodón mate en el mismo pliegue daría un degradado amplio y apagado sin un pico nítido. Copia estas propiedades y cualquier color empezará a leerse como seda.

| Parte del pliegue | Cómo se ve | En tu degradado |
| --- | --- | --- |
| Brillo de la cresta | Fino, luminoso, casi blanco | Una parada estrecha, del 2 al 4 % de ancho |
| Hombro | El color real de la tela | Una banda ancha a cada lado del brillo |
| Sombra del valle | Profunda, saturada, de borde suave | La banda más ancha, más oscura y más rica |
| Luz rebotada | Un leve aclarado dentro del valle | Una parada algo más clara dentro de la sombra |

Un pliegue, desglosado. Repítelo con anchos irregulares a lo largo del formato y tendrás un drapeado.

## Códigos de degradados de seda

Cada uno de estos es un solo degradado lineal con los pliegues incorporados: bandas desiguales, brillos nítidos y sombras amplias. Funcionan como fondos por sí solos y como base de la versión por capas que verás más abajo.

- Seda champán: `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 medianoche: `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 sangre de buey: `linear-gradient(118deg, #3a0d0d 0%, #9b1c1c 20%, #f8b4b4 24%, #b91c1c 31%, #2b0808 52%, #7f1d1d 66%, #fca5a5 70%, #5c1212 78%, #1f0505 100%)`
- Seda marfil: `linear-gradient(115deg, #e7e5e4 0%, #f5f5f4 20%, #ffffff 24%, #d6d3d1 31%, #a8a29e 50%, #d6d3d1 64%, #fafaf9 68%, #c4bfbb 76%, #9c9692 100%)`

Seis sedas con dos pliegues cada una. Las paradas del brillo solo tienen un cuatro por ciento de ancho; si las ensanchas, el lustre se convierte en una simple franja.

Mantén el ángulo entre 100 y 125 grados para que los pliegues caigan en diagonal, como una tela colgada de una esquina. Un pliegue perfectamente vertical parece una cortina; uno horizontal parece una cinta. Las sedas oscuras, como medianoche y sangre de buey, son las más agradecidas, porque la sombra disimula cualquier unión torpe. Combinan de forma natural con texto dorado, como en los [degradados negro y dorado](https://gradiently.design/es/guide/black-and-gold-gradient).

## Seda tornasolada: dos colores en una tela

La seda tornasolada se teje con hilos de un color a lo largo y de otro a lo ancho. Al girar la tela ves más de uno o de otro, así que cambia de tono entre la luz y la sombra. Es la seda más llamativa de imitar, y solo exige un cambio: usa un tono para los brillos y los hombros y otro distinto para los valles.

- Brillo verde azulado: #99f6e4
- Hombro verde azulado: #14b8a6
- Pliegue violeta: #6d28d9
- Sombra violeta: #2e1065

Una seda tornasolada verde azulado y violeta. La luz se lee verde azulado, la sombra violeta, y el centro brilla entre ambos.

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

El cambio de tono ocurre en la pendiente que baja a cada pliegue. Combina colores que pasen por un punto medio limpio, como verde azulado y violeta u oro y rosa.

## Cómo crear pliegues de seda en CSS

Un solo degradado lineal da pliegues paralelos, que parecen tela plisada. El drapeado real se curva. Superpón dos degradados con ángulos ligeramente distintos, uno con luz suave y otro con los pliegues, y añade una gran sombra radial para que un lado caiga. El resultado se lee como una tela que cuelga.

```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 champán con un segundo brillo que la cruza y una sombra profunda que se acumula abajo a la derecha.

> **El grano la convierte en tela** Una capa de ruido muy fino al 2 a 4 % de opacidad sugiere el tejido y evita que los pliegues parezcan de plástico. Hazla más fina que para el papel. [Textura en degradados](https://gradiently.design/es/guide/gradient-texture) compara las opciones.

## Seda frente a degradados satinados, líquidos y cromados

| Look | Brillo | Sombra | Transmite |
| --- | --- | --- | --- |
| Seda | Fino, luminoso, cálido | Amplia, rica, con color | Lujo discreto |
| Satén | Más ancho y más brillante | Más corta y más nítida | Ropa de noche, atrevido |
| [Líquido](https://gradiently.design/es/guide/liquid-gradient) | Líneas finas siguiendo remolinos | Bandas de color | Pintura vertida, energía |
| Cromado | Blanco puro, muy duro | Casi negra, dura | Máquinas, Y2K, tecnología |

Cuatro looks brillantes. El ancho y la dureza del brillo deciden qué material ve el ojo.

## Dónde funcionan mejor los degradados de seda

La seda transmite cuidado, y eso la hace adecuada para joyería, perfumería, cosmética, novias, hoteles y lanzamientos premium. Combínala con una serif refinada o una sans ligera y ancha, y usa pocas palabras. El champán y el marfil van bien en bodas; el esmeralda, el medianoche y el sangre de buey, en noche y lujo. [Paletas de colores de lujo](https://gradiently.design/es/guide/luxury-color-palettes) y [paletas de colores para bodas](https://gradiently.design/es/guide/wedding-color-palettes) tienen más combinaciones.

Un anuncio vertical de una fragancia con un titular pequeño y refinado sobre un degradado de seda profundo

Una publicación de perfume de 1080×1350, con el texto centrado sobre un hombro tranquilo de la tela.

Una tarjeta de reserva la fecha de boda con los nombres sobre un fondo de seda marfil pálido

Una invitación de 5×7 pulgadas a 1500×2100, en seda marfil con los nombres en la banda más tranquila.

### Parece plástico

- Brillos tan anchos como las sombras
- Sombras grises
- Pliegues perfectamente paralelos
- Sin grano, así que parece un render

### Parece seda

- Brillos estrechos y luminosos
- Sombras que profundizan el color de la tela
- Pliegues que se cruzan y se curvan
- Un susurro de grano fino

Los Marks de Gradiently superponen hasta tres materiales con su propia luz y su propio grano, así que una superficie puede tener profundidad y lustre sin construir los pliegues a mano. Cada uno se renderiza a plena calidad en todos los tamaños en los que diseñas, de una invitación a una Story, y mantiene tranquila la zona detrás de tus palabras. Explora el Mercado con palabras de color como “champán” o “esmeralda”.

## FAQ

### ¿Cómo se hace un degradado de seda?

Usa un degradado lineal con bandas desiguales: brillos estrechos casi blancos, bandas anchas del color de la tela y sombras amplias y más profundas. Superpón un segundo brillo con un ángulo algo distinto para un drapeado curvo.

### ¿Qué colores quedan mejor como seda?

Champán, marfil, esmeralda, azul medianoche, rosa y sangre de buey funcionan bien porque tienen una versión clara y una oscura bien definidas. Los pasteles muy pálidos necesitan sombras más profundas.

### ¿Qué es la seda tornasolada?

Seda tejida con hilos de dos colores, de modo que cambia de tono al moverse. En un degradado, usa un tono para los brillos y otro para las sombras.

### ¿Qué diferencia hay entre un degradado de seda y uno satinado?

El satén tiene brillos más anchos y brillantes y sombras más cortas y nítidas. La seda tiene brillos finos y luminosos y sombras amplias y ricas, y por eso resulta más discreta.