# Pastel beige, gray and lavender linear gradient

Pastel beige, gray and lavender linear gradient with 7 colors: #fffed5, #fdf1c5, #f0ddb9, #dac6b3, #c8b4b9, #b9adc2, #afaed5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW-ydMdpU9mqMvbiCLRYRS6w`
- Page: https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w
- Drawn as: linear gradient, 7 steps, 90 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 | `#fdf1c5` | `oklch(95.64% 0.0584 94.15)` | Pound Cake | black, 18.5 to 1 |
| 3 | `#f0ddb9` | `oklch(90.35% 0.0516 83.31)` | Limitless | black, 15.7 to 1 |
| 4 | `#dac6b3` | `oklch(83.86% 0.0344 67.78)` | Wisp of Cocoa | black, 12.7 to 1 |
| 5 | `#c8b4b9` | `oklch(78.86% 0.0234 1.12)` | Blossom Powder | black, 10.6 to 1 |
| 6 | `#b9adc2` | `oklch(76.44% 0.0324 309.38)` | Courtly Purple | black, 9.8 to 1 |
| 7 | `#afaed5` | `oklch(76.38% 0.0565 286.17)` | Freesia Purple | black, 9.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fffed5 0.0%, #fdf1c5 16.7%, #f0ddb9 33.3%, #dac6b3 50.0%, #c8b4b9 66.7%, #b9adc2 83.3%, #afaed5 100.0%);
background: linear-gradient(90deg in oklch, oklch(98.82% 0.0537 106.87) 0.0%, oklch(95.64% 0.0584 94.15) 16.7%, oklch(90.35% 0.0516 83.31) 33.3%, oklch(83.86% 0.0344 67.78) 50.0%, oklch(78.86% 0.0234 1.12) 66.7%, oklch(76.44% 0.0324 309.38) 83.3%, 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)
- [PNG](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.png)
- [SVG](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.svg)
- [CSS](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.css)
- [ASE](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.ase)
- [GPL](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.gpl)
- [GRD](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.grd)
- [Design tokens](https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w.tokens.json)
- [Social card](https://grabient.com/api/og?seed=kW-ydMdpU9mqMvbiCLRYRS6w)
- [Palettes like this one](https://grabient.com/palettes?q=kW-ydMdpU9mqMvbiCLRYRS6w)
- [Guide for agents](https://grabient.com/llms.txt)