# Gray, purple, pink and teal angular gradient

Gray, purple, pink and teal angular gradient with 32 colors: #c7c7c7, #c3c3ca, #c0bccc, #c2b3cb, #c6a7c4, #c99bb7, #c88fab, #bf84a1, #ad789a, #976c93, #81628b, #6f5a84, #645482, #655187, #715095, #884fa7, #a54cb3, #c447b5, #dd44ab, #e94696, #e5527d, #d3626a, #b86f63, #9c786a, #867d76, #7f7f7f, #828282, #88887e, #899279, #809e7a, #70a983, #5eb18e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY0wDDWhzIzycuhSTkXy4BJNijS0`
- Page: https://grabient.com/kY0wDDWhzIzycuhSTkXy4BJNijS0?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: dark center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 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 | `#c7c7c7` | `oklch(83.07% 0.0000 89.88)` | Paternoster | black, 12.4 to 1 |
| 2 | `#c3c3ca` | `oklch(81.91% 0.0091 283.42)` | Sparkling Metal | black, 11.9 to 1 |
| 3 | `#c0bccc` | `oklch(80.43% 0.0223 297.26)` | Gentleman’s Suit | black, 11.3 to 1 |
| 4 | `#c2b3cb` | `oklch(78.62% 0.0377 313.22)` | Orchid Petal | black, 10.5 to 1 |
| 5 | `#c6a7c4` | `oklch(76.51% 0.0533 328.79)` | Tea Towel | black, 9.7 to 1 |
| 6 | `#c99bb7` | `oklch(74.11% 0.0671 341.44)` | Morning Glory Pink | black, 8.8 to 1 |
| 7 | `#c88fab` | `oklch(71.43% 0.0772 348.67)` | Bonny Belle | black, 7.9 to 1 |
| 8 | `#bf84a1` | `oklch(68.12% 0.0814 348.21)` | Rosy | black, 7 to 1 |
| 9 | `#ad789a` | `oklch(63.73% 0.0802 340.94)` | Wonder Wish | black, 5.9 to 1 |
| 10 | `#976c93` | `oklch(58.88% 0.0762 329.67)` | Tulipan Violet | black, 4.8 to 1 |
| 11 | `#81628b` | `oklch(54.22% 0.0722 317.23)` | Dusty Purple | white, 5.1 to 1 |
| 12 | `#6f5a84` | `oklch(50.38% 0.0709 306.46)` | Mystical | white, 6 to 1 |
| 13 | `#645482` | `oklch(48.02% 0.0748 300.19)` | Virtual Violet | white, 6.7 to 1 |
| 14 | `#655187` | `oklch(47.78% 0.0878 300.41)` | Zimidar | white, 6.8 to 1 |
| 15 | `#715095` | `oklch(49.70% 0.1127 304.86)` | Parfait d’Amour | white, 6.3 to 1 |
| 16 | `#884fa7` | `oklch(53.02% 0.1440 312.35)` | Vicious Violet | white, 5.6 to 1 |
| 17 | `#a54cb3` | `oklch(56.98% 0.1756 321.97)` | Fuchsia Pheromone | white, 4.8 to 1 |
| 18 | `#c447b5` | `oklch(60.77% 0.2013 332.78)` | Zǐ Sè Purple | black, 4.9 to 1 |
| 19 | `#dd44ab` | `oklch(63.63% 0.2151 343.89)` | Pink Bite | black, 5.4 to 1 |
| 20 | `#e94696` | `oklch(64.83% 0.2104 354.54)` | Schiaparelli Pink | black, 5.7 to 1 |
| 21 | `#e5527d` | `oklch(64.60% 0.1841 5.75)` | Heather Berry | black, 5.8 to 1 |
| 22 | `#d3626a` | `oklch(63.48% 0.1430 17.75)` | Italiano Rose | black, 5.7 to 1 |
| 23 | `#b86f63` | `oklch(61.95% 0.0956 30.43)` | Hacienda Tile | black, 5.5 to 1 |
| 24 | `#9c786a` | `oklch(60.47% 0.0501 43.67)` | Beaver Fur | black, 5.3 to 1 |
| 25 | `#867d76` | `oklch(59.52% 0.0150 57.34)` | Spacious Grey | black, 5.1 to 1 |
| 26 | `#7f7f7f` | `oklch(59.55% 0.0000 89.88)` | Platinum Granite | black, 5.2 to 1 |
| 27 | `#828282` | `oklch(60.62% 0.0005 87.44)` | Squant | black, 5.4 to 1 |
| 28 | `#88887e` | `oklch(62.36% 0.0151 105.21)` | Wet Cement | black, 5.8 to 1 |
| 29 | `#899279` | `oklch(64.46% 0.0372 123.25)` | Eucalyptus Wreath | black, 6.4 to 1 |
| 30 | `#809e7a` | `oklch(66.60% 0.0615 140.13)` | Green Grey | black, 7 to 1 |
| 31 | `#70a983` | `oklch(68.45% 0.0830 154.42)` | Light Grass Green | black, 7.6 to 1 |
| 32 | `#5eb18e` | `oklch(69.69% 0.0965 164.67)` | Electra | black, 8.1 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #c7c7c7 0.0%, #c3c3ca 3.2%, #c0bccc 6.5%, #c2b3cb 9.7%, #c6a7c4 12.9%, #c99bb7 16.1%, #c88fab 19.4%, #bf84a1 22.6%, #ad789a 25.8%, #976c93 29.0%, #81628b 32.3%, #6f5a84 35.5%, #645482 38.7%, #655187 41.9%, #715095 45.2%, #884fa7 48.4%, #a54cb3 51.6%, #c447b5 54.8%, #dd44ab 58.1%, #e94696 61.3%, #e5527d 64.5%, #d3626a 67.7%, #b86f63 71.0%, #9c786a 74.2%, #867d76 77.4%, #7f7f7f 80.6%, #828282 83.9%, #88887e 87.1%, #899279 90.3%, #809e7a 93.5%, #70a983 96.8%, #5eb18e 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(83.07% 0.0000 89.88) 0.0%, oklch(81.91% 0.0091 283.42) 3.2%, oklch(80.43% 0.0223 297.26) 6.5%, oklch(78.62% 0.0377 313.22) 9.7%, oklch(76.51% 0.0533 328.79) 12.9%, oklch(74.11% 0.0671 341.44) 16.1%, oklch(71.43% 0.0772 348.67) 19.4%, oklch(68.12% 0.0814 348.21) 22.6%, oklch(63.73% 0.0802 340.94) 25.8%, oklch(58.88% 0.0762 329.67) 29.0%, oklch(54.22% 0.0722 317.23) 32.3%, oklch(50.38% 0.0709 306.46) 35.5%, oklch(48.02% 0.0748 300.19) 38.7%, oklch(47.78% 0.0878 300.41) 41.9%, oklch(49.70% 0.1127 304.86) 45.2%, oklch(53.02% 0.1440 312.35) 48.4%, oklch(56.98% 0.1756 321.97) 51.6%, oklch(60.77% 0.2013 332.78) 54.8%, oklch(63.63% 0.2151 343.89) 58.1%, oklch(64.83% 0.2104 354.54) 61.3%, oklch(64.60% 0.1841 5.75) 64.5%, oklch(63.48% 0.1430 17.75) 67.7%, oklch(61.95% 0.0956 30.43) 71.0%, oklch(60.47% 0.0501 43.67) 74.2%, oklch(59.52% 0.0150 57.34) 77.4%, oklch(59.55% 0.0000 89.88) 80.6%, oklch(60.62% 0.0005 87.44) 83.9%, oklch(62.36% 0.0151 105.21) 87.1%, oklch(64.46% 0.0372 123.25) 90.3%, oklch(66.60% 0.0615 140.13) 93.5%, oklch(68.45% 0.0830 154.42) 96.8%, oklch(69.69% 0.0965 164.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0 | 274.2 |
| 2 | 0.709 | 0.079 | 349.2 |
| 3 | 0.476 | 0.079 | 299.6 |
| 4 | 0.646 | 0.215 | 350.3 |
| 5 | 0.594 | 0 | 428.5 |
| 6 | 0.697 | 0.096 | 524.7 |

## In these collections

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

## Other forms

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