# Pastel duotone beige to lavender linear gradient

Pastel duotone beige to lavender linear gradient with 7 colors: #fdf4df, #f6db90, #e8bd7b, #eabcbd, #d7c9de, #c0b1db, #ae9aca. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY9hU98CbAOaevNuCrUZZU8tuaQA`
- Page: https://grabient.com/kY9hU98CbAOaevNuCrUZZU8tuaQA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.3 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 | `#fdf4df` | `oklch(96.85% 0.0289 86.48)` | Crème de Pêche | black, 19.1 to 1 |
| 2 | `#f6db90` | `oklch(89.66% 0.0981 89.87)` | Meadow Yellow | black, 15.4 to 1 |
| 3 | `#e8bd7b` | `oklch(82.17% 0.0975 76.90)` | Deserted Path | black, 11.9 to 1 |
| 4 | `#eabcbd` | `oklch(83.61% 0.0533 16.28)` | Star of the Morning | black, 12.4 to 1 |
| 5 | `#d7c9de` | `oklch(85.36% 0.0329 315.25)` | Watercolour Grape | black, 13.2 to 1 |
| 6 | `#c0b1db` | `oklch(78.59% 0.0612 301.30)` | Moonraker | black, 10.5 to 1 |
| 7 | `#ae9aca` | `oklch(72.05% 0.0717 303.82)` | Biloba Flower | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fdf4df 0.0%, #f6db90 16.7%, #e8bd7b 33.3%, #eabcbd 50.0%, #d7c9de 66.7%, #c0b1db 83.3%, #ae9aca 100.0%);
background: linear-gradient(90deg in oklch, oklch(96.85% 0.0289 86.48) 0.0%, oklch(89.66% 0.0981 89.87) 16.7%, oklch(82.17% 0.0975 76.90) 33.3%, oklch(83.61% 0.0533 16.28) 50.0%, oklch(85.36% 0.0329 315.25) 66.7%, oklch(78.59% 0.0612 301.30) 83.3%, oklch(72.05% 0.0717 303.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.029 | 86.5 |
| 2 | 0.882 | 0.106 | 88.6 |
| 3 | 0.807 | 0.084 | 62.2 |
| 4 | 0.866 | 0.029 | -29.8 |
| 5 | 0.799 | 0.058 | -57.2 |
| 6 | 0.72 | 0.072 | -56.2 |

## In these collections

- [Pastel Christmas swatches](https://grabient.com/pastel-christmas-swatches)

## Other forms

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