# Beige verloop: warme neutrale codes die rust geven

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

Beige is makkelijk bijna goed te krijgen en verrassend moeilijk helemaal goed. De truc is een ondertoon kiezen, genoeg bereik houden om de overgang te laten zien en er textuur aan geven.

## The short version

- Een beige verloop oogt rustig en duur als elke stop dezelfde ondertoon deelt: roze, geel of grijs.
- Beige verlopen hebben een groter helderheidsbereik nodig dan mensen verwachten, anders verdwijnt de overgang en oogt het ontwerp plat.
- Lichte verlopen met weinig contrast vertonen makkelijk bandvorming op schermen, en een fijne korrellaag is de betrouwbaarste oplossing.
- Warme donkerbruine tinten zoals espresso lezen beter op beige dan puur zwart, en witte letters werken er zelden op.
- Zandverlopen lopen van bleek crème naar geroosterd goud, zoals een duin donkerder wordt aan de schaduwkant.

Een **beige verloop** mengt warme neutrale tinten, crème, zand, haver en linnen, van een lichte tint naar een iets diepere, allemaal met dezelfde ondertoon. Goed gedaan voelt het rustig, natuurlijk en ingetogen premium, wat de reden is dat huidverzorging, interieurs, bruiloften en slow fashion er dol op zijn. Slecht gedaan lijkt het op een scan van een oude envelop. Het verschil komt neer op drie keuzes: één ondertoon, genoeg bereik en een beetje textuur. De codes voor elke look volgen.

## Kies een ondertoon vóór een kleur

Elke beige helt ergens naartoe. Roze beiges voelen zacht en huidachtig. Gele beiges voelen zonnig en zanderig. Grijze beiges, vaak greige genoemd, voelen architectonisch en koel. Ondertonen mengen in één verloop is de belangrijkste reden dat beige vies oogt: een roze stop naast een grijze leest als een vlek in plaats van een overgang. Beslis eerst en blijf dan bij die keuze.

- Linnen: #faf6ef
- Blush-beige: #ecd3c6
- Rozenzand: #d4ae9c
- Zand: #e8cfa8
- Honingduin: #c9a273
- Greige: #ddd6cc
- Steen: #b9b0a3
- Espressoinkt: #3b2a1e

Drie ondertoonfamilies: roze in het blush-paar, geel in het zandpaar, grijs in greige en steen. Linnen en espresso werken met alle drie.

## Codes voor zandverlopen

Een **zandverloop** volgt een duin: helder en romig aan de kant die naar de zon kijkt, dieper en goudachtiger aan de schaduwkant. Dit zijn de warmste beiges hier en de meest vergevingsgezinde, omdat de gele ondertoon voorkomt dat ze grijs worden.

- Zandduin: `linear-gradient(160deg, #f6ead6 0%, #e8cfa8 50%, #c9a273 100%)`
- Woestijnmiddag: `linear-gradient(180deg, #fbf3e6 0%, #efd9b4 60%, #d9b27c 100%)`
- Duinschaduw: `linear-gradient(135deg, #f2e2c9 0%, #d8b48a 45%, #a9805a 100%)`
- Nat zand: `radial-gradient(ellipse at 30% 20%, #f3e5cf 0%, #d6bb94 50%, #b08d66 100%)`

Vier zandlooks. Duinschaduw heeft het grootste bereik en houdt het best stand op kleine formaten; woestijnmiddag is de helderste en past overal bij donkere letters.

## Codes voor linnen, haver en steen

Dit zijn de rustigere beiges, dichter bij crème en greige. Ze zijn uitstekende achtergronden voor productfoto’s en lange teksten, omdat ze op de achtergrond blijven en alles wat erop staat laten leiden. Linnen is het subtielst, nauwelijks nog een verloop; blush-beige brengt de roze ondertoon; steen is het koelst, bijna grijs.

- Linnen: `linear-gradient(180deg, #faf6ef 0%, #f1e8da 100%)`
- Havermelkkoffie: `linear-gradient(150deg, #f5ede1 0%, #e6d5bf 55%, #cdb59a 100%)`
- Blush-beige: `linear-gradient(160deg, #f8ece6 0%, #ecd3c6 55%, #d4ae9c 100%)`
- Steen: `linear-gradient(160deg, #f2efea 0%, #ddd6cc 50%, #b9b0a3 100%)`

Zachte neutrale tinten. Als een beige verloop op je scherm op een egale kleur lijkt, is het bereik te klein: maak de laatste stop dieper.

Voor de bredere familie van rustige tinten zie je [neutrale kleurenpaletten](https://gradiently.design/nl/guide/neutral-color-palettes) en [aardetinten](https://gradiently.design/nl/guide/earth-tone-colors). Wil je het diepere uiteinde van dezelfde familie, koffie en karamel, dan gaan de codes van het [bruine verloop](https://gradiently.design/nl/guide/brown-gradient) verder waar deze ophouden.

## Waarom beige verlopen bandvorming krijgen, en hoe je dat oplost

Lichte verlopen met een klein bereik doorlopen maar een handvol afzonderlijke kleurwaarden, dus een scherm tekent ze als zichtbare trappen, en zware compressie maakt het erger. Beige is daar bijzonder gevoelig voor. Een fijne korrellaag breekt de trappen op en laat beige als bonus eruitzien als papier, pleisterwerk of stof in plaats van een schermkleur. [Bandvorming in verlopen](https://gradiently.design/nl/guide/gradient-banding) legt de oorzaak uitgebreid uit.

```css
.sand {
  position: relative;
  background: linear-gradient(160deg, #f6ead6 0%, #e8cfa8 50%, #c9a273 100%);
}

.sand::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
```

Een zandverloop met een SVG-ruislaag die erover is vermenigvuldigd. Verhoog de dekking voor een ruwer, papierachtiger oppervlak.

Meer korrelrecepten, en hoe sterk je ze zet, staan in [korrelige verlopen](https://gradiently.design/nl/guide/grainy-gradients). Marks van Gradiently dragen korrel als onderdeel van hun recept, dus een beige Mark komt aan met zijn textuur al in balans op elk formaat.

## Letterkleuren die bij beige passen

| Inkt | Hex | Effect | Gebruik voor |
| --- | --- | --- | --- |
| Espresso | `#3b2a1e` | Warm en zacht, toch zeer leesbaar | Koppen en lopende tekst op elke beige |
| Antraciet | `#2b2b2b` | Strak en modern | Steen- en greige-achtergronden |
| Diep olijfgroen | `#3d4a2f` | Natuurlijk, een tikje onverwacht | Zand- en haverachtergronden |
| Terracotta | `#a4502f` | Warm accent | Alleen grote koppen en prijzen |
| Wit | `#ffffff` | Zwak op lichte beige | Alleen grote koppen op de diepste stops van duinschaduw |

Zwart werkt, maar espressobruin houdt het hele ontwerp in dezelfde warme familie.

## Beige dat rustig oogt, niet saai

### Oogt saai

- Roze, gele en grijze beiges in één overgang
- Twee stops zo dicht bij elkaar dat de overgang onzichtbaar is
- Een schoon digitaal oppervlak met zichtbare banden
- Puur zwarte letters en een drukke lay-out
- Witte tekst op licht zand

### Oogt rustig

- Eén ondertoon over elke stop
- Een duidelijk bereik van crème tot geroosterd zand
- Een fijne korrel die leest als papier of pleisterwerk
- Letters in espresso en royale ruimte
- Donkere inkt, met één terracotta accent

Beige beloont terughoudendheid. Weinig woorden, veel ruimte en één sterke productfoto ogen duurder dan welke hoeveelheid versiering ook. Dat is de look achter het meeste goede [ontwerp voor skincaremerken](https://gradiently.design/nl/guide/skincare-brand-design), en hij werkt net zo goed voor bruiloftsdrukwerk en interieurstudio’s.

Een staande post op een warme zandkleurige achtergrond met de woorden Minder, maar beter in donkerbruine letters

Een lanceringspost voor skincare in een zandkleurige Mark. Espressoletters, één regel, veel lucht.

## Waar een beige verloop zijn plek verdient

Beige werkt het hardst waar het iets anders ondersteunt: een product, een foto, een paar zorgvuldige woorden. Een paar plekken waar het schittert, met de formaten om op te ontwerpen:

- **Productfoto’s:** een linnen of haverkleurig verloop achter een fles of keramisch stuk, op 2048×2048 voor een Shopify-productafbeelding, houdt het object de held.
- **Bruiloftsdrukwerk:** blush-beige of zand voor uitnodigingen van 5×7 inch (1500×2100 op 300 dpi), met letters in espresso of diep olijfgroen. Meer ideeën in [kleurenpaletten voor bruiloften](https://gradiently.design/nl/guide/wedding-color-palettes).
- **Interieur en architectuur:** steen- en greigeverlopen voor portfolio-omslagen en projectposts, waar de fotografie voor de kleur zorgt. Zie [branding voor interieurontwerpers](https://gradiently.design/nl/guide/interior-designer-branding).
- **Websitesecties:** een linnenverloop achter een getuigenis of prijstabel scheidt die van witte secties zonder harde rand.
- **Een rustig Instagram-raster:** wissel zandposts af met foto’s en de feed leest als één doordacht geheel.

Omdat beige zo subtiel is, kan hetzelfde verloop op een story goed uitpakken en op een brede banner verbleekt ogen. Render het voor elk formaat in plaats van één bestand uit te rekken, en check de lichtste stop op een telefoon op volle helderheid, waar bleke beige richting gewoon wit kan afdrijven.

## FAQ

### Welke kleuren vormen een beige verloop?

Crème-, zand-, haver- en linnentinten met één gedeelde ondertoon, bijvoorbeeld #f6ead6 naar #e8cfa8 naar #c9a273 voor een warm zandverloop.

### Waarom oogt mijn beige verloop vies?

Meestal mengt het ondertonen, zoals een roze beige naast een grijze. Houd elke stop in dezelfde familie.

### Welke letterkleur hoort op een beige achtergrond?

Een warm donkerbruin zoals espresso #3b2a1e leest helder en voelt zachter dan zwart. Antraciet past bij de koelere greige tinten.

### Hoe voorkom ik bandvorming in een licht verloop?

Vergroot het bereik tussen de eerste en laatste stop, leg een fijne korrellaag over het verloop en exporteer als PNG in plaats van een gecomprimeerde JPEG.