# Pastel beige, gray and lavender angular gradient

Pastel beige, gray and lavender angular gradient with 32 colors: #fffed5, #fffdd3, #fefad0, #fef8cd, #fef5c9, #fdf1c5, #fceec2, #fbeabf, #f9e6bd, #f6e2bb, #f1deb9, #eddab8, #e7d6b7, #e3d1b5, #decdb4, #dbc8b3, #d9c4b3, #d6c0b3, #d3bcb4, #cfb9b6, #cbb6b8, #c6b3b9, #c2b2bb, #beb0bc, #bcafbd, #baaec0, #b8adc3, #b7adc7, #b5adcb, #b3adcf, #b1add3, #afaed5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW-ydMdpU9mqMvbiCLRYRS6w`
- Page: https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: pastel, light, warm
- Hues: complementary
- Contrast of its darkest and lightest colors: 2 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#fffed5` | `oklch(98.82% 0.0537 106.87)` | Poetic Yellow | black, 20.4 to 1 |
| 2 | `#fffdd3` | `oklch(98.41% 0.0543 105.26)` | Creamed Butter | black, 20.1 to 1 |
| 3 | `#fefad0` | `oklch(97.89% 0.0552 103.09)` | Pale | black, 19.8 to 1 |
| 4 | `#fef8cd` | `oklch(97.27% 0.0563 100.51)` | Pale | black, 19.4 to 1 |
| 5 | `#fef5c9` | `oklch(96.56% 0.0574 97.66)` | Pure Laughter | black, 19 to 1 |
| 6 | `#fdf1c5` | `oklch(95.78% 0.0583 94.66)` | Pound Cake | black, 18.6 to 1 |
| 7 | `#fceec2` | `oklch(94.93% 0.0587 91.66)` | Summer Morning | black, 18.1 to 1 |
| 8 | `#fbeabf` | `oklch(94.02% 0.0585 88.78)` | Frozen Custard | black, 17.6 to 1 |
| 9 | `#f9e6bd` | `oklch(93.06% 0.0575 86.21)` | Creamy Custard | black, 17.1 to 1 |
| 10 | `#f6e2bb` | `oklch(91.98% 0.0555 84.53)` | Kettle Corn | black, 16.5 to 1 |
| 11 | `#f1deb9` | `oklch(90.77% 0.0527 83.57)` | Nothing Less | black, 15.9 to 1 |
| 12 | `#eddab8` | `oklch(89.48% 0.0494 82.79)` | Savon de Provence | black, 15.3 to 1 |
| 13 | `#e7d6b7` | `oklch(88.16% 0.0457 81.69)` | Drumskin | black, 14.6 to 1 |
| 14 | `#e3d1b5` | `oklch(86.84% 0.0421 79.74)` | Comfy Beige | black, 14 to 1 |
| 15 | `#decdb4` | `oklch(85.57% 0.0386 76.43)` | Cochise | black, 13.4 to 1 |
| 16 | `#dbc8b3` | `oklch(84.40% 0.0357 71.24)` | Playa Arenosa | black, 12.9 to 1 |
| 17 | `#d9c4b3` | `oklch(83.34% 0.0333 63.57)` | Mission Stone | black, 12.5 to 1 |
| 18 | `#d6c0b3` | `oklch(82.30% 0.0309 52.91)` | Champagne Glee | black, 12 to 1 |
| 19 | `#d3bcb4` | `oklch(81.29% 0.0284 40.00)` | Badlands Taupe | black, 11.6 to 1 |
| 20 | `#cfb9b6` | `oklch(80.32% 0.0262 25.70)` | Hushed Violet | black, 11.2 to 1 |
| 21 | `#cbb6b8` | `oklch(79.41% 0.0243 10.87)` | Smoked Lavender | black, 10.9 to 1 |
| 22 | `#c6b3b9` | `oklch(78.59% 0.0230 356.38)` | Blossom Powder | black, 10.6 to 1 |
| 23 | `#c2b2bb` | `oklch(77.88% 0.0226 343.10)` | Blossom Powder | black, 10.3 to 1 |
| 24 | `#beb0bc` | `oklch(77.29% 0.0231 331.88)` | Velvet Dawn | black, 10.1 to 1 |
| 25 | `#bcafbd` | `oklch(76.85% 0.0250 322.95)` | Window Box | black, 9.9 to 1 |
| 26 | `#baaec0` | `oklch(76.57% 0.0286 315.14)` | Courtly Purple | black, 9.8 to 1 |
| 27 | `#b8adc3` | `oklch(76.42% 0.0332 308.31)` | Courtly Purple | black, 9.8 to 1 |
| 28 | `#b7adc7` | `oklch(76.36% 0.0386 302.37)` | Lavender Dream | black, 9.7 to 1 |
| 29 | `#b5adcb` | `oklch(76.35% 0.0441 297.27)` | Lavender Dream | black, 9.7 to 1 |
| 30 | `#b3adcf` | `oklch(76.38% 0.0492 292.92)` | Lavender Dream | black, 9.7 to 1 |
| 31 | `#b1add3` | `oklch(76.40% 0.0535 289.24)` | Freesia Purple | black, 9.8 to 1 |
| 32 | `#afaed5` | `oklch(76.38% 0.0565 286.17)` | Freesia Purple | black, 9.8 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #fffed5 0.0%, #fffdd3 3.2%, #fefad0 6.5%, #fef8cd 9.7%, #fef5c9 12.9%, #fdf1c5 16.1%, #fceec2 19.4%, #fbeabf 22.6%, #f9e6bd 25.8%, #f6e2bb 29.0%, #f1deb9 32.3%, #eddab8 35.5%, #e7d6b7 38.7%, #e3d1b5 41.9%, #decdb4 45.2%, #dbc8b3 48.4%, #d9c4b3 51.6%, #d6c0b3 54.8%, #d3bcb4 58.1%, #cfb9b6 61.3%, #cbb6b8 64.5%, #c6b3b9 67.7%, #c2b2bb 71.0%, #beb0bc 74.2%, #bcafbd 77.4%, #baaec0 80.6%, #b8adc3 83.9%, #b7adc7 87.1%, #b5adcb 90.3%, #b3adcf 93.5%, #b1add3 96.8%, #afaed5 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(98.82% 0.0537 106.87) 0.0%, oklch(98.41% 0.0543 105.26) 3.2%, oklch(97.89% 0.0552 103.09) 6.5%, oklch(97.27% 0.0563 100.51) 9.7%, oklch(96.56% 0.0574 97.66) 12.9%, oklch(95.78% 0.0583 94.66) 16.1%, oklch(94.93% 0.0587 91.66) 19.4%, oklch(94.02% 0.0585 88.78) 22.6%, oklch(93.06% 0.0575 86.21) 25.8%, oklch(91.98% 0.0555 84.53) 29.0%, oklch(90.77% 0.0527 83.57) 32.3%, oklch(89.48% 0.0494 82.79) 35.5%, oklch(88.16% 0.0457 81.69) 38.7%, oklch(86.84% 0.0421 79.74) 41.9%, oklch(85.57% 0.0386 76.43) 45.2%, oklch(84.40% 0.0357 71.24) 48.4%, oklch(83.34% 0.0333 63.57) 51.6%, oklch(82.30% 0.0309 52.91) 54.8%, oklch(81.29% 0.0284 40.00) 58.1%, oklch(80.32% 0.0262 25.70) 61.3%, oklch(79.41% 0.0243 10.87) 64.5%, oklch(78.59% 0.0230 356.38) 67.7%, oklch(77.88% 0.0226 343.10) 71.0%, oklch(77.29% 0.0231 331.88) 74.2%, oklch(76.85% 0.0250 322.95) 77.4%, oklch(76.57% 0.0286 315.14) 80.6%, oklch(76.42% 0.0332 308.31) 83.9%, oklch(76.36% 0.0386 302.37) 87.1%, oklch(76.35% 0.0441 297.27) 90.3%, oklch(76.38% 0.0492 292.92) 93.5%, oklch(76.40% 0.0535 289.24) 96.8%, oklch(76.38% 0.0565 286.17) 100.0%);
```

## Keyframes

5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.988 | 0.054 | 106.9 |
| 2 | 0.933 | 0.058 | 86.8 |
| 3 | 0.839 | 0.034 | 67.8 |
| 4 | 0.772 | 0.023 | -30.5 |
| 5 | 0.764 | 0.056 | -73.8 |

## In these collections

- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)

## Other forms

- [JSON](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.json?style=angularGradient&steps=32&angle=45)
- [PNG](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.png?style=angularGradient&steps=32&angle=45)
- [SVG](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.svg?style=angularGradient&steps=32&angle=45)
- [CSS](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.css?style=angularGradient&steps=32&angle=45)
- [ASE](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.ase?style=angularGradient&steps=32&angle=45)
- [GPL](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.gpl?style=angularGradient&steps=32&angle=45)
- [GRD](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.grd?style=angularGradient&steps=32&angle=45)
- [Design tokens](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.tokens.json?style=angularGradient&steps=32&angle=45)
- [Social card](https://grabient.com/api/og?seed=kW-ydMdpU9mqMvbiCLRYRS6w&style=angularGradient&steps=32&angle=45)
- [Palettes like this one](https://grabient.com/palettes?q=kW-ydMdpU9mqMvbiCLRYRS6w)
- [Guide for agents](https://grabient.com/llms.txt)