# Pink, purple, gray and beige linear gradient

Pink, purple, gray and beige linear gradient with 40 colors: #ff9699, #f6929d, #e88ea2, #d689a5, #c184a5, #ad80a1, #9b7c9a, #8c7892, #82768a, #7d7685, #7d7884, #827f87, #8c8890, #99959c, #a9a3aa, #bab3b9, #ccc2c9, #ddd0d7, #eddce2, #f9e5ea, #ffeaed, #ffeeef, #ffeeee, #ffece9, #ffe8e2, #ffe3d9, #ffddce, #ffd8c1, #ffd4b4, #ffd1a9, #fdd1a4, #fad1a1, #f6d2a0, #f3d39f, #efd4a0, #ecd5a1, #e9d6a3, #e7d7a5, #e5d7a6, #e3d8a7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWx10NSYc3PiJRxxG8b75fDw`
- Page: https://grabient.com/kWx10NSYc3PiJRxxG8b75fDw?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: pastel, light, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 3.9 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 | `#ff9699` | `oklch(78.35% 0.1265 18.28)` | Mad Pinker | black, 10 to 1 |
| 2 | `#f6929d` | `oklch(76.82% 0.1209 13.12)` | Pink Geranium | black, 9.5 to 1 |
| 3 | `#e88ea2` | `oklch(74.51% 0.1110 5.66)` | Underwater Flare | black, 8.8 to 1 |
| 4 | `#d689a5` | `oklch(71.67% 0.0989 356.58)` | Kiss | black, 7.9 to 1 |
| 5 | `#c184a5` | `oklch(68.56% 0.0856 346.55)` | Lavender Quartz | black, 7.1 to 1 |
| 6 | `#ad80a1` | `oklch(65.41% 0.0716 336.25)` | Antique Hot Pink | black, 6.3 to 1 |
| 7 | `#9b7c9a` | `oklch(62.49% 0.0578 326.35)` | Amorous | black, 5.7 to 1 |
| 8 | `#8c7892` | `oklch(60.05% 0.0448 317.53)` | Self Powered | black, 5.2 to 1 |
| 9 | `#82768a` | `oklch(58.35% 0.0334 310.45)` | Mythical | black, 4.9 to 1 |
| 10 | `#7d7685` | `oklch(57.62% 0.0242 305.80)` | Dull Mauve | black, 4.7 to 1 |
| 11 | `#7d7884` | `oklch(58.14% 0.0180 304.22)` | Chain Mail | black, 4.8 to 1 |
| 12 | `#827f87` | `oklch(60.13% 0.0141 305.50)` | Soft Savvy | black, 5.3 to 1 |
| 13 | `#8c8890` | `oklch(63.37% 0.0118 309.07)` | Horseshoe | black, 6 to 1 |
| 14 | `#99959c` | `oklch(67.54% 0.0110 314.48)` | Emperor’s Robe | black, 7.1 to 1 |
| 15 | `#a9a3aa` | `oklch(72.32% 0.0113 321.31)` | Mysterious Mauve | black, 8.5 to 1 |
| 16 | `#bab3b9` | `oklch(77.38% 0.0127 329.12)` | Silver Bells | black, 10.2 to 1 |
| 17 | `#ccc2c9` | `oklch(82.39% 0.0147 337.46)` | Limpid Light | black, 12.1 to 1 |
| 18 | `#ddd0d7` | `oklch(87.03% 0.0174 345.89)` | Light Bassinet | black, 14 to 1 |
| 19 | `#eddce2` | `oklch(90.98% 0.0203 353.99)` | Wishy-Washy Mauve | black, 15.9 to 1 |
| 20 | `#f9e5ea` | `oklch(93.90% 0.0233 1.31)` | Pink Tutu | black, 17.4 to 1 |
| 21 | `#ffeaed` | `oklch(95.56% 0.0227 7.63)` | Just Pink Enough | black, 18.2 to 1 |
| 22 | `#ffeeef` | `oklch(96.29% 0.0184 13.97)` | White Gloss | black, 18.7 to 1 |
| 23 | `#ffeeee` | `oklch(96.29% 0.0182 20.44)` | White Gloss | black, 18.7 to 1 |
| 24 | `#ffece9` | `oklch(95.73% 0.0211 26.96)` | Rose Frost | black, 18.4 to 1 |
| 25 | `#ffe8e2` | `oklch(94.76% 0.0266 33.45)` | Translucent Silk | black, 17.8 to 1 |
| 26 | `#ffe3d9` | `oklch(93.52% 0.0341 39.82)` | Peach Cloud | black, 17.1 to 1 |
| 27 | `#ffddce` | `oklch(92.18% 0.0433 46.00)` | Peaceful Peach | black, 16.4 to 1 |
| 28 | `#ffd8c1` | `oklch(90.89% 0.0535 51.90)` | Friendship | black, 15.8 to 1 |
| 29 | `#ffd4b4` | `oklch(89.81% 0.0641 57.44)` | Curtsy | black, 15.2 to 1 |
| 30 | `#ffd1a9` | `oklch(89.08% 0.0737 62.53)` | Opalescent Coral | black, 14.9 to 1 |
| 31 | `#fdd1a4` | `oklch(88.73% 0.0769 67.20)` | Orange Canyon | black, 14.8 to 1 |
| 32 | `#fad1a1` | `oklch(88.46% 0.0774 71.63)` | Maple Beige | black, 14.7 to 1 |
| 33 | `#f6d2a0` | `oklch(88.27% 0.0769 75.82)` | Antique Wicker Basket | black, 14.6 to 1 |
| 34 | `#f3d39f` | `oklch(88.12% 0.0756 79.74)` | Antique Wicker Basket | black, 14.6 to 1 |
| 35 | `#efd4a0` | `oklch(88.03% 0.0737 83.37)` | Sunbeam Yellow | black, 14.6 to 1 |
| 36 | `#ecd5a1` | `oklch(87.96% 0.0716 86.69)` | Palm Sugar Yellow | black, 14.5 to 1 |
| 37 | `#e9d6a3` | `oklch(87.92% 0.0694 89.68)` | Hampton | black, 14.6 to 1 |
| 38 | `#e7d7a5` | `oklch(87.88% 0.0673 92.33)` | Subtle Glow | black, 14.6 to 1 |
| 39 | `#e5d7a6` | `oklch(87.85% 0.0657 94.60)` | Rice Fibre | black, 14.6 to 1 |
| 40 | `#e3d8a7` | `oklch(87.80% 0.0648 96.48)` | Buckwheat Groats | black, 14.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #ff9699 0.0%, #f6929d 2.6%, #e88ea2 5.1%, #d689a5 7.7%, #c184a5 10.3%, #ad80a1 12.8%, #9b7c9a 15.4%, #8c7892 17.9%, #82768a 20.5%, #7d7685 23.1%, #7d7884 25.6%, #827f87 28.2%, #8c8890 30.8%, #99959c 33.3%, #a9a3aa 35.9%, #bab3b9 38.5%, #ccc2c9 41.0%, #ddd0d7 43.6%, #eddce2 46.2%, #f9e5ea 48.7%, #ffeaed 51.3%, #ffeeef 53.8%, #ffeeee 56.4%, #ffece9 59.0%, #ffe8e2 61.5%, #ffe3d9 64.1%, #ffddce 66.7%, #ffd8c1 69.2%, #ffd4b4 71.8%, #ffd1a9 74.4%, #fdd1a4 76.9%, #fad1a1 79.5%, #f6d2a0 82.1%, #f3d39f 84.6%, #efd4a0 87.2%, #ecd5a1 89.7%, #e9d6a3 92.3%, #e7d7a5 94.9%, #e5d7a6 97.4%, #e3d8a7 100.0%);
background: linear-gradient(45deg in oklch, oklch(78.35% 0.1265 18.28) 0.0%, oklch(76.82% 0.1209 13.12) 2.6%, oklch(74.51% 0.1110 5.66) 5.1%, oklch(71.67% 0.0989 356.58) 7.7%, oklch(68.56% 0.0856 346.55) 10.3%, oklch(65.41% 0.0716 336.25) 12.8%, oklch(62.49% 0.0578 326.35) 15.4%, oklch(60.05% 0.0448 317.53) 17.9%, oklch(58.35% 0.0334 310.45) 20.5%, oklch(57.62% 0.0242 305.80) 23.1%, oklch(58.14% 0.0180 304.22) 25.6%, oklch(60.13% 0.0141 305.50) 28.2%, oklch(63.37% 0.0118 309.07) 30.8%, oklch(67.54% 0.0110 314.48) 33.3%, oklch(72.32% 0.0113 321.31) 35.9%, oklch(77.38% 0.0127 329.12) 38.5%, oklch(82.39% 0.0147 337.46) 41.0%, oklch(87.03% 0.0174 345.89) 43.6%, oklch(90.98% 0.0203 353.99) 46.2%, oklch(93.90% 0.0233 1.31) 48.7%, oklch(95.56% 0.0227 7.63) 51.3%, oklch(96.29% 0.0184 13.97) 53.8%, oklch(96.29% 0.0182 20.44) 56.4%, oklch(95.73% 0.0211 26.96) 59.0%, oklch(94.76% 0.0266 33.45) 61.5%, oklch(93.52% 0.0341 39.82) 64.1%, oklch(92.18% 0.0433 46.00) 66.7%, oklch(90.89% 0.0535 51.90) 69.2%, oklch(89.81% 0.0641 57.44) 71.8%, oklch(89.08% 0.0737 62.53) 74.4%, oklch(88.73% 0.0769 67.20) 76.9%, oklch(88.46% 0.0774 71.63) 79.5%, oklch(88.27% 0.0769 75.82) 82.1%, oklch(88.12% 0.0756 79.74) 84.6%, oklch(88.03% 0.0737 83.37) 87.2%, oklch(87.96% 0.0716 86.69) 89.7%, oklch(87.92% 0.0694 89.68) 92.3%, oklch(87.88% 0.0673 92.33) 94.9%, oklch(87.85% 0.0657 94.60) 97.4%, oklch(87.80% 0.0648 96.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.128 | 18.3 |
| 2 | 0.579 | 0.019 | -55.7 |
| 3 | 0.949 | 0.025 | 4.5 |
| 4 | 0.89 | 0.076 | 63.7 |
| 5 | 0.878 | 0.065 | 96.5 |

## In these collections

- [Light mode color palette](https://grabient.com/light-mode-color-palette)

## Other forms

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