# Zijde-verloop: zachte plooien van licht en kleur

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

Zijde is een van de weinige materialen die mensen aan het licht alleen herkennen. Krijg je de plooien en de glans goed, dan voelt een plat scherm ineens duur. Dit zijn de kleuren en de opbouw erachter.

## The short version

- Een zijde-verloop bootst gedrapeerde stof na met lange, zachte plooien, smalle heldere highlights op elke rug en diepe, gekleurde schaduwen in elk dal.
- De highlights van zijde zijn veel smaller dan de schaduwen, en die onbalans maakt dat het als glans leest en niet als gewone schaduw.
- Changeant zijde is geweven uit twee kleuren draad en verschuift daarom van tint tussen highlight en schaduw, bijvoorbeeld turquoise in het licht en violet in de plooien.
- Zijdeschaduwen horen een diepere, verzadigdere versie van de stofkleur te zijn, nooit grijs.
- Zijde-verlopen passen bij luxe, beauty, juwelen en bruiloften, omdat het materiaal zelf zorg en waarde uitstraalt.

Een **zijde-verloop** bootst gedrapeerde stof na: lange plooien van kleur, elk met een smalle, heldere highlight langs de rug en een zachte, diepe schaduw in het dal. Dat patroon van dun licht en brede schaduw is wat het oog als glans leest. Het is een materiaallook, geen kleurlook, en daarom kan hetzelfde champagne of smaragd als gewoon verloop plat ogen en als zijde luxueus. Je hebt drie dingen nodig: een stofkleur, een highlight die lichter en iets warmer is, en een schaduw die dieper en verzadigder is.

## Hoe zijde het licht vangt

Zijdevezels zijn glad en lichtjes prismavormig, waardoor ze licht gebundeld terugkaatsen. Een plooi in zijde geeft een snelle, scherpe highlight waar hij naar het licht kijkt en een lange, zachte glijbaan naar de schaduw. Matte katoen in dezelfde plooi geeft een breed, dof verloop zonder scherpe piek. Kopieer deze eigenschappen en elke kleur gaat als zijde lezen.

| Deel van een plooi | Hoe het eruitziet | In je verloop |
| --- | --- | --- |
| Highlight op de rug | Dun, helder, bijna wit | Een smalle stop van 2 tot 4 procent breed |
| Schouder | De echte stofkleur | Brede band aan weerszijden van de highlight |
| Schaduw in het dal | Diep, verzadigd, zachte rand | De breedste band, donkerder en rijker |
| Weerkaatst licht | Een vleugje oplichting in het dal | Een iets lichtere stop in de schaduw |

Eén plooi uitgesplitst. Herhaal hem met ongelijke breedtes over het beeld en je hebt een drapering.

## Codes voor zijde-verlopen

Elk van deze is één lineair verloop met plooien erin: ongelijke banden, scherpe highlights en brede schaduwen. Ze werken als achtergrond op zichzelf, en als basis voor de gelaagde versie hieronder.

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

Zes zijdes met elk twee plooien. De highlightstops zijn maar vier procent breed; maak ze breder en de glans wordt een gewone streep.

Houd de hoek tussen 100 en 125 graden, zodat de plooien diagonaal vallen, als stof dat aan één hoek hangt. Een volkomen verticale plooi lijkt op een gordijn, een horizontale op een lint. Donkere zijdes zoals middernacht en ossenbloed zijn het vergevingsgezindst, omdat schaduw rare overgangen verbergt. Ze passen vanzelf bij gouden letters, zoals in [zwart-gouden verlopen](https://gradiently.design/nl/guide/black-and-gold-gradient).

## Changeant zijde: twee kleuren in één stof

Changeant zijde is geweven met één kleur draad in de lengte en een andere in de breedte. Als de stof draait, zie je meer van de ene of de andere, en verschuift de tint tussen licht en schaduw. Het is de opvallendste zijde om na te bootsen, en er is maar één aanpassing voor nodig: gebruik één tint voor highlights en schouders en een andere tint voor de dalen.

- Turquoise highlight: #99f6e4
- Turquoise schouder: #14b8a6
- Violette plooi: #6d28d9
- Violette schaduw: #2e1065

Een turquoise en violette changeantzijde. Licht leest turquoise, schaduw leest violet en het midden schittert ertussen.

Changeantzijde, turquoise en violet: `linear-gradient(115deg, #2e1065 0%, #14b8a6 19%, #ccfbf1 23%, #2dd4bf 28%, #6d28d9 40%, #2e1065 52%, #0f766e 64%, #99f6e4 68%, #5b21b6 78%, #1e0a45 100%)`

De tintwissel gebeurt op de helling naar elke plooi. Combineer kleuren die via een schoon midden in elkaar overgaan, zoals turquoise en violet of goud en roze.

## Zijdeplooien bouwen in CSS

Eén lineair verloop geeft parallelle plooien, wat op geplisseerde stof lijkt. Echte draperie buigt. Leg twee verlopen onder iets verschillende hoeken over elkaar, één met zacht licht en één met de plooien, en voeg een grote radiale schaduw toe zodat één kant wegvalt. Het resultaat leest als stof die hangt.

```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%);
}
```

Champagnezijde met een tweede, kruisende glans en een diepe schaduw rechtsonder.

> **Korrel maakt er stof van** Een heel fijne ruislaag van 2 tot 4 procent dekking suggereert het weefsel en voorkomt dat de plooien op plastic lijken. Houd hem fijner dan voor papier. [Verlooptextuur](https://gradiently.design/nl/guide/gradient-texture) vergelijkt de opties.

## Zijde versus satijn, vloeibare en chroomverlopen

| Look | Highlight | Schaduw | Voelt als |
| --- | --- | --- | --- |
| Zijde | Dun, helder, warm | Breed, rijk, gekleurd | Stille luxe |
| Satijn | Breder en glanzender | Korter, scherper | Avondkleding, gedurfd |
| [Vloeibaar](https://gradiently.design/nl/guide/liquid-gradient) | Dunne lijnen langs wervelingen | Banden van kleur | Gegoten verf, energie |
| Chroom | Zuiver wit, heel hard | Bijna zwart, hard | Machines, Y2K, tech |

Vier glanzende looks. De breedte en hardheid van de highlight bepaalt welk materiaal het oog ziet.

## Waar zijde-verlopen het best werken

Zijde straalt zorg uit, en past daarom bij juwelen, parfum, huidverzorging, bruidsmode, hotels en premium lanceringen. Combineer het met een verfijnde serif of een lichte, brede sans, en houd de tekst kort. Champagne en ivoor passen bij bruiloften; smaragd, middernacht en ossenbloed bij avond en luxe. [Luxe kleurenpaletten](https://gradiently.design/nl/guide/luxury-color-palettes) en [kleurenpaletten voor bruiloften](https://gradiently.design/nl/guide/wedding-color-palettes) hebben meer combinaties.

Een staande parfumaankondiging met een kleine, verfijnde kop op een diep zijde-verloop

Een parfumpost van 1080×1350, met de tekst gecentreerd op een rustige schouder van de stof.

Een save-the-datekaart voor een bruiloft met namen op een lichte ivoorzijden achtergrond

Een uitnodiging van 5×7 inch op 1500×2100, ivoorzijde met de namen in de rustigste band.

### Ziet eruit als plastic

- Highlights even breed als de schaduwen
- Grijze schaduwen
- Volkomen parallelle plooien
- Geen korrel, dus het leest als een render

### Ziet eruit als zijde

- Smalle, heldere highlights
- Schaduwen die de stofkleur verdiepen
- Plooien die kruisen en buigen
- Een vleugje fijne korrel

De Marks van Gradiently stapelen tot drie materialen met elk hun eigen licht en korrel, zodat een oppervlak diepte en glans kan dragen zonder dat je plooien met de hand bouwt. Elk wordt in volle kwaliteit weergegeven in elk formaat waarin je ontwerpt, van uitnodiging tot Story, en houdt het vlak achter je tekst rustig. Blader door de Markt op kleurwoorden zoals ‘champagne’ of ‘smaragd’.

## FAQ

### Hoe maak ik een zijde-verloop?

Gebruik een lineair verloop met ongelijke banden: smalle, bijna witte highlights, brede banden van de stofkleur en brede, diepere schaduwen. Leg een tweede glans onder een iets andere hoek eroverheen voor gebogen draperie.

### Welke kleuren zien er het best uit als zijde?

Champagne, ivoor, smaragd, middernachtblauw, roze en ossenbloed lezen allemaal goed, omdat ze een duidelijke lichte en donkere versie hebben. Heel bleke pastels hebben extra diepe schaduw nodig.

### Wat is changeant zijde?

Zijde geweven met twee kleuren draad, waardoor ze van tint verschuift als ze beweegt. Gebruik in een verloop één tint voor de highlights en een andere voor de schaduwen.

### Wat is het verschil tussen zijde- en satijnverlopen?

Satijn heeft bredere, glanzendere highlights en kortere, scherpere schaduwen. Zijde heeft dunne, heldere highlights en brede, rijke schaduwen, wat rustiger leest.