# Pastel triadic beige, pink and blue linear gradient

Pastel triadic beige, pink and blue linear gradient with 32 colors: #cde3be, #d0e3bc, #d4e3ba, #dae3b7, #e0e2b5, #e7e1b3, #ede0b1, #f3deb0, #f7dbaf, #fbd8af, #fed4af, #ffd1b1, #ffcdb4, #ffc9b7, #ffc5b9, #ffc1bc, #fcbec0, #f9bbc4, #f6b8c8, #f2b6cb, #edb4ce, #e8b2d1, #e2b1d5, #ddb1d8, #d7b2db, #d1b5de, #cbb8e0, #c7bbe1, #c3bee1, #c0c0e0, #bfc2de, #bec4dd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW4ihe8xe522aOLnGjnaI05o`
- Page: https://grabient.com/kW4ihe8xe522aOLnGjnaI05o?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: even lightness, pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.4 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 | `#cde3be` | `oklch(88.98% 0.0551 132.89)` | Irish Folklore | black, 15.3 to 1 |
| 2 | `#d0e3bc` | `oklch(89.15% 0.0559 128.81)` | Irish Folklore | black, 15.3 to 1 |
| 3 | `#d4e3ba` | `oklch(89.42% 0.0570 123.44)` | Celery Root | black, 15.5 to 1 |
| 4 | `#dae3b7` | `oklch(89.74% 0.0583 117.05)` | Aloe Cream | black, 15.6 to 1 |
| 5 | `#e0e2b5` | `oklch(90.07% 0.0597 109.91)` | Schabziger Green | black, 15.7 to 1 |
| 6 | `#e7e1b3` | `oklch(90.36% 0.0612 102.29)` | Schabziger Green | black, 15.8 to 1 |
| 7 | `#ede0b1` | `oklch(90.56% 0.0626 94.47)` | Cookies and Cream | black, 15.9 to 1 |
| 8 | `#f3deb0` | `oklch(90.63% 0.0639 86.72)` | Milk Quartz | black, 15.8 to 1 |
| 9 | `#f7dbaf` | `oklch(90.50% 0.0650 79.27)` | Tahitian Sand | black, 15.7 to 1 |
| 10 | `#fbd8af` | `oklch(90.20% 0.0661 71.66)` | Satin Latour | black, 15.5 to 1 |
| 11 | `#fed4af` | `oklch(89.75% 0.0672 63.73)` | Forgotten Sunset | black, 15.2 to 1 |
| 12 | `#ffd1b1` | `oklch(89.19% 0.0669 55.60)` | Papaya Whip | black, 14.9 to 1 |
| 13 | `#ffcdb4` | `oklch(88.56% 0.0659 47.39)` | Peach and Quiet | black, 14.6 to 1 |
| 14 | `#ffc9b7` | `oklch(87.88% 0.0667 39.22)` | Dolly Cheek | black, 14.2 to 1 |
| 15 | `#ffc5b9` | `oklch(87.20% 0.0689 31.23)` | Your Pink | black, 13.9 to 1 |
| 16 | `#ffc1bc` | `oklch(86.53% 0.0714 23.52)` | Ladylike | black, 13.5 to 1 |
| 17 | `#fcbec0` | `oklch(85.90% 0.0719 16.21)` | Peach Scone | black, 13.2 to 1 |
| 18 | `#f9bbc4` | `oklch(85.18% 0.0726 9.21)` | Pink Bubble Tea | black, 12.9 to 1 |
| 19 | `#f6b8c8` | `oklch(84.41% 0.0734 2.45)` | Pink Grapefruit | black, 12.6 to 1 |
| 20 | `#f2b6cb` | `oklch(83.61% 0.0741 355.85)` | Bunny Cake | black, 12.2 to 1 |
| 21 | `#edb4ce` | `oklch(82.84% 0.0745 349.34)` | Fairy Tale | black, 11.9 to 1 |
| 22 | `#e8b2d1` | `oklch(82.15% 0.0745 342.86)` | Gumball | black, 11.7 to 1 |
| 23 | `#e2b1d5` | `oklch(81.58% 0.0738 336.35)` | Flower Power | black, 11.4 to 1 |
| 24 | `#ddb1d8` | `oklch(81.17% 0.0722 329.72)` | Blushing Sky | black, 11.3 to 1 |
| 25 | `#d7b2db` | `oklch(80.97% 0.0694 322.74)` | Blushing Sky | black, 11.3 to 1 |
| 26 | `#d1b5de` | `oklch(80.97% 0.0653 315.13)` | Pretty Petunia | black, 11.3 to 1 |
| 27 | `#cbb8e0` | `oklch(81.10% 0.0601 307.22)` | Viking Diva | black, 11.4 to 1 |
| 28 | `#c7bbe1` | `oklch(81.34% 0.0545 299.35)` | Viking Diva | black, 11.5 to 1 |
| 29 | `#c3bee1` | `oklch(81.62% 0.0487 291.86)` | Purple Dragon | black, 11.7 to 1 |
| 30 | `#c0c0e0` | `oklch(81.91% 0.0434 285.11)` | Purple Dragon | black, 11.9 to 1 |
| 31 | `#bfc2de` | `oklch(82.14% 0.0390 279.44)` | Genevieve | black, 12 to 1 |
| 32 | `#bec4dd` | `oklch(82.28% 0.0358 275.20)` | Agapanthus | black, 12 to 1 |

## CSS

```css
background: linear-gradient(225deg, #cde3be 0.0%, #d0e3bc 3.2%, #d4e3ba 6.5%, #dae3b7 9.7%, #e0e2b5 12.9%, #e7e1b3 16.1%, #ede0b1 19.4%, #f3deb0 22.6%, #f7dbaf 25.8%, #fbd8af 29.0%, #fed4af 32.3%, #ffd1b1 35.5%, #ffcdb4 38.7%, #ffc9b7 41.9%, #ffc5b9 45.2%, #ffc1bc 48.4%, #fcbec0 51.6%, #f9bbc4 54.8%, #f6b8c8 58.1%, #f2b6cb 61.3%, #edb4ce 64.5%, #e8b2d1 67.7%, #e2b1d5 71.0%, #ddb1d8 74.2%, #d7b2db 77.4%, #d1b5de 80.6%, #cbb8e0 83.9%, #c7bbe1 87.1%, #c3bee1 90.3%, #c0c0e0 93.5%, #bfc2de 96.8%, #bec4dd 100.0%);
background: linear-gradient(225deg in oklch, oklch(88.98% 0.0551 132.89) 0.0%, oklch(89.15% 0.0559 128.81) 3.2%, oklch(89.42% 0.0570 123.44) 6.5%, oklch(89.74% 0.0583 117.05) 9.7%, oklch(90.07% 0.0597 109.91) 12.9%, oklch(90.36% 0.0612 102.29) 16.1%, oklch(90.56% 0.0626 94.47) 19.4%, oklch(90.63% 0.0639 86.72) 22.6%, oklch(90.50% 0.0650 79.27) 25.8%, oklch(90.20% 0.0661 71.66) 29.0%, oklch(89.75% 0.0672 63.73) 32.3%, oklch(89.19% 0.0669 55.60) 35.5%, oklch(88.56% 0.0659 47.39) 38.7%, oklch(87.88% 0.0667 39.22) 41.9%, oklch(87.20% 0.0689 31.23) 45.2%, oklch(86.53% 0.0714 23.52) 48.4%, oklch(85.90% 0.0719 16.21) 51.6%, oklch(85.18% 0.0726 9.21) 54.8%, oklch(84.41% 0.0734 2.45) 58.1%, oklch(83.61% 0.0741 355.85) 61.3%, oklch(82.84% 0.0745 349.34) 64.5%, oklch(82.15% 0.0745 342.86) 67.7%, oklch(81.58% 0.0738 336.35) 71.0%, oklch(81.17% 0.0722 329.72) 74.2%, oklch(80.97% 0.0694 322.74) 77.4%, oklch(80.97% 0.0653 315.13) 80.6%, oklch(81.10% 0.0601 307.22) 83.9%, oklch(81.34% 0.0545 299.35) 87.1%, oklch(81.62% 0.0487 291.86) 90.3%, oklch(81.91% 0.0434 285.11) 93.5%, oklch(82.14% 0.0390 279.44) 96.8%, oklch(82.28% 0.0358 275.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.055 | 132.9 |
| 2 | 0.906 | 0.065 | 81.1 |
| 3 | 0.862 | 0.072 | 19.8 |
| 4 | 0.811 | 0.072 | -32 |
| 5 | 0.823 | 0.036 | -84.8 |

## In these collections

- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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