# Pastel gray, beige, pink and lavender linear gradient

Pastel gray, beige, pink and lavender linear gradient with 7 colors: #839f7f, #b5bd94, #d9d8a7, #f0d7b2, #edc0b7, #d4a2b8, #af99ad. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYqylk5hU8nEXvnukbn4xi51oOPG`
- Page: https://grabient.com/kYqylk5hU8nEXvnukbn4xi51oOPG
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel, light, warm
- Hues: wide
- 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 | `#839f7f` | `oklch(67.32% 0.0565 141.33)` | Basswood Green | black, 7.2 to 1 |
| 2 | `#b5bd94` | `oklch(78.25% 0.0573 116.96)` | Gloaming Green | black, 10.7 to 1 |
| 3 | `#d9d8a7` | `oklch(87.04% 0.0640 106.57)` | Sunlit Leaf | black, 14.3 to 1 |
| 4 | `#f0d7b2` | `oklch(89.10% 0.0557 77.20)` | Chai Tea Latte | black, 15 to 1 |
| 5 | `#edc0b7` | `oklch(84.44% 0.0538 31.39)` | New Clay | black, 12.8 to 1 |
| 6 | `#d4a2b8` | `oklch(76.58% 0.0652 351.05)` | Gizmo | black, 9.6 to 1 |
| 7 | `#af99ad` | `oklch(70.87% 0.0386 328.02)` | Lilac Lustre | black, 7.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #839f7f 0.0%, #b5bd94 16.7%, #d9d8a7 33.3%, #f0d7b2 50.0%, #edc0b7 66.7%, #d4a2b8 83.3%, #af99ad 100.0%);
background: linear-gradient(90deg in oklch, oklch(67.32% 0.0565 141.33) 0.0%, oklch(78.25% 0.0573 116.96) 16.7%, oklch(87.04% 0.0640 106.57) 33.3%, oklch(89.10% 0.0557 77.20) 50.0%, oklch(84.44% 0.0538 31.39) 66.7%, oklch(76.58% 0.0652 351.05) 83.3%, oklch(70.87% 0.0386 328.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.056 | 141.3 |
| 2 | 0.803 | 0.058 | 112.8 |
| 3 | 0.89 | 0.065 | 100.1 |
| 4 | 0.87 | 0.048 | 49.4 |
| 5 | 0.78 | 0.068 | -2.4 |
| 6 | 0.709 | 0.039 | -32 |

## In these collections

- [Spring garden wedding](https://grabient.com/spring-garden-wedding)

## Other forms

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