# Pastel monochrome pink to gray linear gradient

Pastel monochrome pink to gray linear gradient with 32 colors: #f9cdd9, #f8ccd7, #f6cad4, #f5c7d1, #f3c4ce, #f1c2ca, #efbfc7, #edbdc4, #ebbcc1, #e9babe, #e7babb, #e4b9b9, #e2b9b6, #dfb8b5, #ddb8b5, #dbb8b5, #d9b7b7, #d7b7ba, #d5b7bd, #d3b8c1, #d0b9c5, #cdbac9, #cabbcc, #c6bdcf, #c3bed2, #bec1d4, #bac4d5, #b6c7d5, #b3c9d4, #b2ccd1, #b2cdce, #b3cecb. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW4iUA6pRBGcOwTnCjcaYqyI`
- Page: https://grabient.com/kW4iUA6pRBGcOwTnCjcaYqyI?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: even lightness, pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#f9cdd9` | `oklch(88.98% 0.0510 0.70)` | Pink Lace | black, 14.7 to 1 |
| 2 | `#f8ccd7` | `oklch(88.55% 0.0515 1.46)` | Pink Lace | black, 14.5 to 1 |
| 3 | `#f6cad4` | `oklch(87.96% 0.0522 2.46)` | Palace Rose | black, 14.3 to 1 |
| 4 | `#f5c7d1` | `oklch(87.26% 0.0532 3.64)` | Hello Dolly | black, 13.9 to 1 |
| 5 | `#f3c4ce` | `oklch(86.49% 0.0541 4.97)` | In the Pink | black, 13.6 to 1 |
| 6 | `#f1c2ca` | `oklch(85.71% 0.0549 6.37)` | Loveable | black, 13.2 to 1 |
| 7 | `#efbfc7` | `oklch(84.96% 0.0554 7.81)` | Rose Melody | black, 12.9 to 1 |
| 8 | `#edbdc4` | `oklch(84.28% 0.0555 9.21)` | Rose Melody | black, 12.6 to 1 |
| 9 | `#ebbcc1` | `oklch(83.73% 0.0549 10.58)` | Blush Kiss | black, 12.4 to 1 |
| 10 | `#e9babe` | `oklch(83.25% 0.0537 12.79)` | Wind Rose | black, 12.2 to 1 |
| 11 | `#e7babb` | `oklch(82.80% 0.0520 15.76)` | Wind Rose | black, 12 to 1 |
| 12 | `#e4b9b9` | `oklch(82.39% 0.0500 18.94)` | Bistro Pink | black, 11.9 to 1 |
| 13 | `#e2b9b6` | `oklch(82.03% 0.0477 21.76)` | O Fortuna | black, 11.8 to 1 |
| 14 | `#dfb8b5` | `oklch(81.70% 0.0453 23.67)` | Cherry Tree | black, 11.7 to 1 |
| 15 | `#ddb8b5` | `oklch(81.43% 0.0430 24.11)` | Rose Hip Tonic | black, 11.6 to 1 |
| 16 | `#dbb8b5` | `oklch(81.20% 0.0409 22.51)` | Rose Hip Tonic | black, 11.5 to 1 |
| 17 | `#d9b7b7` | `oklch(81.02% 0.0391 18.44)` | Rose Coloured | black, 11.4 to 1 |
| 18 | `#d7b7ba` | `oklch(80.90% 0.0372 12.27)` | Nostalgia | black, 11.4 to 1 |
| 19 | `#d5b7bd` | `oklch(80.83% 0.0353 4.37)` | Nostalgia | black, 11.3 to 1 |
| 20 | `#d3b8c1` | `oklch(80.81% 0.0334 355.01)` | Melting Violet | black, 11.3 to 1 |
| 21 | `#d0b9c5` | `oklch(80.82% 0.0316 344.50)` | Rose Marble | black, 11.4 to 1 |
| 22 | `#cdbac9` | `oklch(80.88% 0.0301 333.11)` | Antique Heather | black, 11.4 to 1 |
| 23 | `#cabbcc` | `oklch(80.96% 0.0287 321.13)` | Last of the Lilacs | black, 11.4 to 1 |
| 24 | `#c6bdcf` | `oklch(81.07% 0.0277 308.84)` | Purpling Dawn | black, 11.5 to 1 |
| 25 | `#c3bed2` | `oklch(81.22% 0.0272 295.64)` | Purpling Dawn | black, 11.6 to 1 |
| 26 | `#bec1d4` | `oklch(81.45% 0.0270 280.00)` | Lavender Honour | black, 11.7 to 1 |
| 27 | `#bac4d5` | `oklch(81.74% 0.0271 262.83)` | Candela | black, 11.9 to 1 |
| 28 | `#b6c7d5` | `oklch(82.05% 0.0274 245.14)` | Celestyn | black, 12 to 1 |
| 29 | `#b3c9d4` | `oklch(82.36% 0.0279 227.95)` | Take Five | black, 12.2 to 1 |
| 30 | `#b2ccd1` | `oklch(82.65% 0.0283 212.27)` | Pallid Blue | black, 12.4 to 1 |
| 31 | `#b2cdce` | `oklch(82.90% 0.0287 199.12)` | Turquoise Grey | black, 12.5 to 1 |
| 32 | `#b3cecb` | `oklch(83.07% 0.0289 189.51)` | Clear Pond | black, 12.6 to 1 |

## CSS

```css
background: linear-gradient(315deg, #f9cdd9 0.0%, #f8ccd7 3.2%, #f6cad4 6.5%, #f5c7d1 9.7%, #f3c4ce 12.9%, #f1c2ca 16.1%, #efbfc7 19.4%, #edbdc4 22.6%, #ebbcc1 25.8%, #e9babe 29.0%, #e7babb 32.3%, #e4b9b9 35.5%, #e2b9b6 38.7%, #dfb8b5 41.9%, #ddb8b5 45.2%, #dbb8b5 48.4%, #d9b7b7 51.6%, #d7b7ba 54.8%, #d5b7bd 58.1%, #d3b8c1 61.3%, #d0b9c5 64.5%, #cdbac9 67.7%, #cabbcc 71.0%, #c6bdcf 74.2%, #c3bed2 77.4%, #bec1d4 80.6%, #bac4d5 83.9%, #b6c7d5 87.1%, #b3c9d4 90.3%, #b2ccd1 93.5%, #b2cdce 96.8%, #b3cecb 100.0%);
background: linear-gradient(315deg in oklch, oklch(88.98% 0.0510 0.70) 0.0%, oklch(88.55% 0.0515 1.46) 3.2%, oklch(87.96% 0.0522 2.46) 6.5%, oklch(87.26% 0.0532 3.64) 9.7%, oklch(86.49% 0.0541 4.97) 12.9%, oklch(85.71% 0.0549 6.37) 16.1%, oklch(84.96% 0.0554 7.81) 19.4%, oklch(84.28% 0.0555 9.21) 22.6%, oklch(83.73% 0.0549 10.58) 25.8%, oklch(83.25% 0.0537 12.79) 29.0%, oklch(82.80% 0.0520 15.76) 32.3%, oklch(82.39% 0.0500 18.94) 35.5%, oklch(82.03% 0.0477 21.76) 38.7%, oklch(81.70% 0.0453 23.67) 41.9%, oklch(81.43% 0.0430 24.11) 45.2%, oklch(81.20% 0.0409 22.51) 48.4%, oklch(81.02% 0.0391 18.44) 51.6%, oklch(80.90% 0.0372 12.27) 54.8%, oklch(80.83% 0.0353 4.37) 58.1%, oklch(80.81% 0.0334 355.01) 61.3%, oklch(80.82% 0.0316 344.50) 64.5%, oklch(80.88% 0.0301 333.11) 67.7%, oklch(80.96% 0.0287 321.13) 71.0%, oklch(81.07% 0.0277 308.84) 74.2%, oklch(81.22% 0.0272 295.64) 77.4%, oklch(81.45% 0.0270 280.00) 80.6%, oklch(81.74% 0.0271 262.83) 83.9%, oklch(82.05% 0.0274 245.14) 87.1%, oklch(82.36% 0.0279 227.95) 90.3%, oklch(82.65% 0.0283 212.27) 93.5%, oklch(82.90% 0.0287 199.12) 96.8%, oklch(83.07% 0.0289 189.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.051 | 0.7 |
| 2 | 0.839 | 0.055 | 10.2 |
| 3 | 0.811 | 0.04 | 20.8 |
| 4 | 0.811 | 0.028 | -54.2 |
| 5 | 0.831 | 0.029 | -170.5 |

## In these collections

- [White gradients](https://grabient.com/white-gradients)
- [Pink and teal gradients](https://grabient.com/pink-and-teal-gradients)

## Other forms

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