# Pink, light green, gray and purple linear gradient

Pink, light green, gray and purple linear gradient with 32 colors: #f4a4f4, #f2acf0, #edb7ea, #e9c2e3, #e7cbdc, #e8d0d6, #e9d5d0, #e7dacb, #e1dfc9, #d8e3ca, #d1e6c9, #cbe8c3, #c7e9bb, #c3e8b3, #bce8af, #b5e6ad, #aee3ab, #a9dfa9, #a4daa6, #a5d4a0, #a6cc99, #a4c496, #9abd99, #8eb5a2, #8ca9a8, #909ca2, #8e9296, #878892, #827b95, #846a98, #895897, #8e4a92. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kc0WXo7wxCXKM0DxHsF6yHA-CWv_Rg88QjBGA`
- Page: https://grabient.com/kc0WXo7wxCXKM0DxHsF6yHA-CWv_Rg88QjBGA?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: light center, pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#f4a4f4` | `oklch(82.28% 0.1392 326.95)` | Rich Brilliant Lavender | black, 11.4 to 1 |
| 2 | `#f2acf0` | `oklch(83.14% 0.1203 327.81)` | Pinky Swear | black, 11.9 to 1 |
| 3 | `#edb7ea` | `oklch(84.38% 0.0925 328.10)` | Lovecloud | black, 12.5 to 1 |
| 4 | `#e9c2e3` | `oklch(85.75% 0.0631 331.16)` | Prom Corsage | black, 13.2 to 1 |
| 5 | `#e7cbdc` | `oklch(86.98% 0.0395 340.37)` | Vanity Pink | black, 13.9 to 1 |
| 6 | `#e8d0d6` | `oklch(87.90% 0.0276 359.92)` | Desert Mauve | black, 14.4 to 1 |
| 7 | `#e9d5d0` | `oklch(88.71% 0.0237 32.18)` | Coral Cream | black, 14.8 to 1 |
| 8 | `#e7dacb` | `oklch(89.40% 0.0250 69.63)` | Riviera Dune | black, 15.2 to 1 |
| 9 | `#e1dfc9` | `oklch(89.91% 0.0295 103.90)` | Light Pistachio Tang | black, 15.5 to 1 |
| 10 | `#d8e3ca` | `oklch(90.18% 0.0353 126.70)` | Lacewing | black, 15.8 to 1 |
| 11 | `#d1e6c9` | `oklch(90.22% 0.0448 136.64)` | Butter Lettuce | black, 15.9 to 1 |
| 12 | `#cbe8c3` | `oklch(90.05% 0.0578 138.84)` | Sweet Spring | black, 15.8 to 1 |
| 13 | `#c7e9bb` | `oklch(89.70% 0.0712 137.45)` | Fairway Mist | black, 15.7 to 1 |
| 14 | `#c3e8b3` | `oklch(89.16% 0.0819 136.63)` | Almost Aloe | black, 15.5 to 1 |
| 15 | `#bce8af` | `oklch(88.45% 0.0882 138.79)` | Ice Ice | black, 15.2 to 1 |
| 16 | `#b5e6ad` | `oklch(87.57% 0.0920 141.06)` | Appetite | black, 14.8 to 1 |
| 17 | `#aee3ab` | `oklch(86.50% 0.0938 143.08)` | Appetite | black, 14.3 to 1 |
| 18 | `#a9dfa9` | `oklch(85.25% 0.0936 144.71)` | Vers de Terre | black, 13.8 to 1 |
| 19 | `#a4daa6` | `oklch(83.83% 0.0915 145.53)` | Green Trance | black, 13.2 to 1 |
| 20 | `#a5d4a0` | `oklch(82.22% 0.0870 142.34)` | Pistachio Green | black, 12.4 to 1 |
| 21 | `#a6cc99` | `oklch(80.43% 0.0804 137.81)` | Oh Pistachio | black, 11.7 to 1 |
| 22 | `#a4c496` | `oklch(78.46% 0.0724 136.67)` | Heartland Frosty | black, 10.9 to 1 |
| 23 | `#9abd99` | `oklch(76.31% 0.0633 143.62)` | Quiet Green | black, 10.1 to 1 |
| 24 | `#8eb5a2` | `oklch(73.93% 0.0506 163.39)` | Garden District | black, 9.2 to 1 |
| 25 | `#8ca9a8` | `oklch(71.30% 0.0327 194.01)` | Harbour Mist | black, 8.3 to 1 |
| 26 | `#909ca2` | `oklch(68.54% 0.0162 228.46)` | Dustblu | black, 7.4 to 1 |
| 27 | `#8e9296` | `oklch(65.74% 0.0080 259.71)` | Moody Whitby | black, 6.6 to 1 |
| 28 | `#878892` | `oklch(62.96% 0.0151 281.64)` | Grey Heather | black, 5.9 to 1 |
| 29 | `#827b95` | `oklch(59.84% 0.0406 297.57)` | Waterloo | black, 5.2 to 1 |
| 30 | `#846a98` | `oklch(56.67% 0.0754 309.58)` | Dark Lavender | white, 4.6 to 1 |
| 31 | `#895897` | `oklch(53.91% 0.1094 318.51)` | Purple Squid | white, 5.3 to 1 |
| 32 | `#8e4a92` | `oklch(51.97% 0.1323 325.19)` | Cosmic Berry | white, 5.9 to 1 |

## CSS

```css
background: linear-gradient(0deg, #f4a4f4 0.0%, #f2acf0 3.2%, #edb7ea 6.5%, #e9c2e3 9.7%, #e7cbdc 12.9%, #e8d0d6 16.1%, #e9d5d0 19.4%, #e7dacb 22.6%, #e1dfc9 25.8%, #d8e3ca 29.0%, #d1e6c9 32.3%, #cbe8c3 35.5%, #c7e9bb 38.7%, #c3e8b3 41.9%, #bce8af 45.2%, #b5e6ad 48.4%, #aee3ab 51.6%, #a9dfa9 54.8%, #a4daa6 58.1%, #a5d4a0 61.3%, #a6cc99 64.5%, #a4c496 67.7%, #9abd99 71.0%, #8eb5a2 74.2%, #8ca9a8 77.4%, #909ca2 80.6%, #8e9296 83.9%, #878892 87.1%, #827b95 90.3%, #846a98 93.5%, #895897 96.8%, #8e4a92 100.0%);
background: linear-gradient(0deg in oklch, oklch(82.28% 0.1392 326.95) 0.0%, oklch(83.14% 0.1203 327.81) 3.2%, oklch(84.38% 0.0925 328.10) 6.5%, oklch(85.75% 0.0631 331.16) 9.7%, oklch(86.98% 0.0395 340.37) 12.9%, oklch(87.90% 0.0276 359.92) 16.1%, oklch(88.71% 0.0237 32.18) 19.4%, oklch(89.40% 0.0250 69.63) 22.6%, oklch(89.91% 0.0295 103.90) 25.8%, oklch(90.18% 0.0353 126.70) 29.0%, oklch(90.22% 0.0448 136.64) 32.3%, oklch(90.05% 0.0578 138.84) 35.5%, oklch(89.70% 0.0712 137.45) 38.7%, oklch(89.16% 0.0819 136.63) 41.9%, oklch(88.45% 0.0882 138.79) 45.2%, oklch(87.57% 0.0920 141.06) 48.4%, oklch(86.50% 0.0938 143.08) 51.6%, oklch(85.25% 0.0936 144.71) 54.8%, oklch(83.83% 0.0915 145.53) 58.1%, oklch(82.22% 0.0870 142.34) 61.3%, oklch(80.43% 0.0804 137.81) 64.5%, oklch(78.46% 0.0724 136.67) 67.7%, oklch(76.31% 0.0633 143.62) 71.0%, oklch(73.93% 0.0506 163.39) 74.2%, oklch(71.30% 0.0327 194.01) 77.4%, oklch(68.54% 0.0162 228.46) 80.6%, oklch(65.74% 0.0080 259.71) 83.9%, oklch(62.96% 0.0151 281.64) 87.1%, oklch(59.84% 0.0406 297.57) 90.3%, oklch(56.67% 0.0754 309.58) 93.5%, oklch(53.91% 0.1094 318.51) 96.8%, oklch(51.97% 0.1323 325.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.139 | 327 |
| 2 | 0.874 | 0.033 | 347 |
| 3 | 0.902 | 0.034 | 484.4 |
| 4 | 0.89 | 0.084 | 497.1 |
| 5 | 0.843 | 0.092 | 505.5 |
| 6 | 0.76 | 0.062 | 505.5 |
| 7 | 0.642 | 0.01 | 633.4 |
| 8 | 0.52 | 0.132 | 685.2 |

## In these collections

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

## Other forms

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