# Pink, purple and gray linear gradient

Pink, purple and gray linear gradient with 32 colors: #fdb492, #ffaf93, #ffa999, #ffa29f, #ff99a7, #fc93b0, #f98db8, #f686c0, #f180c9, #ec7bd1, #e677da, #de75e1, #d773e8, #d073ed, #c974f1, #c276f4, #bc79f6, #b67df7, #b282f6, #ad88f4, #a98ef2, #a395ef, #a19de8, #a2a4e0, #a3abd7, #a4b1cf, #a5b6c9, #a5bbc5, #a5bfbf, #aac2b6, #b4c3ad, #bdc2a8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `ka00cg4zA6txCvDYxL12zC9-GMu7mDS9g`
- Page: https://grabient.com/ka00cg4zA6txCvDYxL12zC9-GMu7mDS9g?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 1.6 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 | `#fdb492` | `oklch(83.07% 0.0978 45.70)` | Carotene | black, 12.1 to 1 |
| 2 | `#ffaf93` | `oklch(82.41% 0.1020 39.72)` | Peach Nectar | black, 11.7 to 1 |
| 3 | `#ffa999` | `oklch(81.48% 0.1051 31.17)` | Honey Baked Ham | black, 11.3 to 1 |
| 4 | `#ffa29f` | `oklch(80.39% 0.1117 21.30)` | Pink Dream | black, 10.8 to 1 |
| 5 | `#ff99a7` | `oklch(79.23% 0.1224 11.36)` | Fight the Sunrise | black, 10.3 to 1 |
| 6 | `#fc93b0` | `oklch(78.13% 0.1309 2.58)` | Baker-Miller Pink | black, 9.9 to 1 |
| 7 | `#f98db8` | `oklch(77.06% 0.1401 355.37)` | Cochonnet | black, 9.5 to 1 |
| 8 | `#f686c0` | `oklch(75.91% 0.1510 348.70)` | Tea Rose | black, 9 to 1 |
| 9 | `#f180c9` | `oklch(74.77% 0.1624 342.51)` | Blushed Bombshell | black, 8.6 to 1 |
| 10 | `#ec7bd1` | `oklch(73.68% 0.1729 336.73)` | Blushed Bombshell | black, 8.2 to 1 |
| 11 | `#e677da` | `oklch(72.72% 0.1812 331.34)` | Hibiscus Pop | black, 7.9 to 1 |
| 12 | `#de75e1` | `oklch(71.92% 0.1866 326.34)` | Hibiscus Pop | black, 7.7 to 1 |
| 13 | `#d773e8` | `oklch(71.18% 0.1905 321.87)` | Calypso Orchid | black, 7.5 to 1 |
| 14 | `#d073ed` | `oklch(70.55% 0.1928 317.80)` | Fake Love | black, 7.3 to 1 |
| 15 | `#c974f1` | `oklch(70.06% 0.1930 313.99)` | Fake Love | black, 7.2 to 1 |
| 16 | `#c276f4` | `oklch(69.75% 0.1908 310.32)` | Illicit Purple | black, 7.1 to 1 |
| 17 | `#bc79f6` | `oklch(69.68% 0.1860 306.76)` | Illicit Purple | black, 7.1 to 1 |
| 18 | `#b67df7` | `oklch(69.82% 0.1785 303.83)` | Illicit Purple | black, 7.2 to 1 |
| 19 | `#b282f6` | `oklch(70.14% 0.1687 301.18)` | Lilac Geode | black, 7.4 to 1 |
| 20 | `#ad88f4` | `oklch(70.62% 0.1568 298.29)` | Lilac Geode | black, 7.6 to 1 |
| 21 | `#a98ef2` | `oklch(71.21% 0.1434 294.66)` | Dreamy Candy Forest | black, 7.8 to 1 |
| 22 | `#a395ef` | `oklch(71.90% 0.1283 289.99)` | Dull Lavender | black, 8.1 to 1 |
| 23 | `#a19de8` | `oklch(72.79% 0.1087 286.21)` | Cold Lips | black, 8.4 to 1 |
| 24 | `#a2a4e0` | `oklch(73.84% 0.0862 282.43)` | Simply Violet | black, 8.9 to 1 |
| 25 | `#a3abd7` | `oklch(74.94% 0.0640 276.81)` | Childish Wonder | black, 9.3 to 1 |
| 26 | `#a4b1cf` | `oklch(76.00% 0.0452 267.52)` | Lovely Lilac | black, 9.7 to 1 |
| 27 | `#a5b6c9` | `oklch(76.91% 0.0330 252.64)` | Paris Grey | black, 10.1 to 1 |
| 28 | `#a5bbc5` | `oklch(77.75% 0.0280 228.40)` | Windy Blue | black, 10.4 to 1 |
| 29 | `#a5bfbf` | `oklch(78.55% 0.0280 197.35)` | Falkland | black, 10.8 to 1 |
| 30 | `#aac2b6` | `oklch(79.27% 0.0308 164.76)` | Kind Green | black, 11.1 to 1 |
| 31 | `#b4c3ad` | `oklch(79.88% 0.0341 135.94)` | Wedding Mint | black, 11.3 to 1 |
| 32 | `#bdc2a8` | `oklch(80.31% 0.0358 116.15)` | Healing Retreat | black, 11.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fdb492 0.0%, #ffaf93 3.2%, #ffa999 6.5%, #ffa29f 9.7%, #ff99a7 12.9%, #fc93b0 16.1%, #f98db8 19.4%, #f686c0 22.6%, #f180c9 25.8%, #ec7bd1 29.0%, #e677da 32.3%, #de75e1 35.5%, #d773e8 38.7%, #d073ed 41.9%, #c974f1 45.2%, #c276f4 48.4%, #bc79f6 51.6%, #b67df7 54.8%, #b282f6 58.1%, #ad88f4 61.3%, #a98ef2 64.5%, #a395ef 67.7%, #a19de8 71.0%, #a2a4e0 74.2%, #a3abd7 77.4%, #a4b1cf 80.6%, #a5b6c9 83.9%, #a5bbc5 87.1%, #a5bfbf 90.3%, #aac2b6 93.5%, #b4c3ad 96.8%, #bdc2a8 100.0%);
background: linear-gradient(90deg in oklch, oklch(83.07% 0.0978 45.70) 0.0%, oklch(82.41% 0.1020 39.72) 3.2%, oklch(81.48% 0.1051 31.17) 6.5%, oklch(80.39% 0.1117 21.30) 9.7%, oklch(79.23% 0.1224 11.36) 12.9%, oklch(78.13% 0.1309 2.58) 16.1%, oklch(77.06% 0.1401 355.37) 19.4%, oklch(75.91% 0.1510 348.70) 22.6%, oklch(74.77% 0.1624 342.51) 25.8%, oklch(73.68% 0.1729 336.73) 29.0%, oklch(72.72% 0.1812 331.34) 32.3%, oklch(71.92% 0.1866 326.34) 35.5%, oklch(71.18% 0.1905 321.87) 38.7%, oklch(70.55% 0.1928 317.80) 41.9%, oklch(70.06% 0.1930 313.99) 45.2%, oklch(69.75% 0.1908 310.32) 48.4%, oklch(69.68% 0.1860 306.76) 51.6%, oklch(69.82% 0.1785 303.83) 54.8%, oklch(70.14% 0.1687 301.18) 58.1%, oklch(70.62% 0.1568 298.29) 61.3%, oklch(71.21% 0.1434 294.66) 64.5%, oklch(71.90% 0.1283 289.99) 67.7%, oklch(72.79% 0.1087 286.21) 71.0%, oklch(73.84% 0.0862 282.43) 74.2%, oklch(74.94% 0.0640 276.81) 77.4%, oklch(76.00% 0.0452 267.52) 80.6%, oklch(76.91% 0.0330 252.64) 83.9%, oklch(77.75% 0.0280 228.40) 87.1%, oklch(78.55% 0.0280 197.35) 90.3%, oklch(79.27% 0.0308 164.76) 93.5%, oklch(79.88% 0.0341 135.94) 96.8%, oklch(80.31% 0.0358 116.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.098 | 45.7 |
| 2 | 0.78 | 0.132 | 1.3 |
| 3 | 0.724 | 0.183 | -30.4 |
| 4 | 0.697 | 0.189 | -51.5 |
| 5 | 0.717 | 0.134 | -68.4 |
| 6 | 0.768 | 0.034 | -104.4 |
| 7 | 0.803 | 0.036 | -243.8 |

## In these collections

- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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