# Purple and Pink: Indigo and magenta

Muted analogous purple to pink linear gradient with 32 colors: #8474ba, #8775bb, #8a77bc, #8d79be, #917cc0, #957fc2, #9981c4, #9d84c5, #a187c7, #a689c8, #aa8bc8, #ad8cc8, #b18ec7, #b58fc6, #b990c5, #bc90c3, #c091c1, #c292bf, #c593bd, #c793ba, #c993b8, #cb93b6, #cc93b4, #ce92b2, #cf92af, #cf91ac, #d08faa, #d08ea7, #d18da4, #d18ca2, #d18ba0, #d18b9e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted analogous purple to pink linear gradient
- Seed: `kUmU3RV6JBlydw9aoMJg`
- Page: https://grabient.com/kUmU3RV6JBlydw9aoMJg?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: muted
- Hues: analogous
- 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 | `#8474ba` | `oklch(60.24% 0.1061 293.91)` | Purple Hebe | black, 5.1 to 1 |
| 2 | `#8775bb` | `oklch(60.75% 0.1054 294.61)` | Purple Hebe | black, 5.2 to 1 |
| 3 | `#8a77bc` | `oklch(61.44% 0.1045 295.41)` | Ube | black, 5.4 to 1 |
| 4 | `#8d79be` | `oklch(62.26% 0.1034 296.32)` | Ube | black, 5.6 to 1 |
| 5 | `#917cc0` | `oklch(63.18% 0.1022 297.35)` | Royal Raul | black, 5.8 to 1 |
| 6 | `#957fc2` | `oklch(64.15% 0.1009 298.52)` | Amethyst Grey | black, 6 to 1 |
| 7 | `#9981c4` | `oklch(65.16% 0.0995 299.84)` | Lilac Purple | black, 6.3 to 1 |
| 8 | `#9d84c5` | `oklch(66.15% 0.0981 301.32)` | Lilac Purple | black, 6.5 to 1 |
| 9 | `#a187c7` | `oklch(67.09% 0.0967 302.98)` | Petrified Purple | black, 6.8 to 1 |
| 10 | `#a689c8` | `oklch(67.95% 0.0954 304.84)` | Classic Bouquet | black, 7 to 1 |
| 11 | `#aa8bc8` | `oklch(68.69% 0.0941 306.91)` | Fleur-De-Lis | black, 7.2 to 1 |
| 12 | `#ad8cc8` | `oklch(69.30% 0.0929 309.24)` | Fleur-De-Lis | black, 7.3 to 1 |
| 13 | `#b18ec7` | `oklch(69.86% 0.0915 311.98)` | Fleur-De-Lis | black, 7.5 to 1 |
| 14 | `#b58fc6` | `oklch(70.39% 0.0900 315.03)` | Lavender Blaze | black, 7.6 to 1 |
| 15 | `#b990c5` | `oklch(70.87% 0.0885 318.34)` | Lavender Blaze | black, 7.8 to 1 |
| 16 | `#bc90c3` | `oklch(71.30% 0.0869 321.80)` | Violaceous | black, 7.9 to 1 |
| 17 | `#c091c1` | `oklch(71.70% 0.0855 325.33)` | Rose Souvenir | black, 8 to 1 |
| 18 | `#c292bf` | `oklch(72.04% 0.0842 328.86)` | La la Love | black, 8.1 to 1 |
| 19 | `#c593bd` | `oklch(72.33% 0.0830 332.31)` | Pomtini | black, 8.2 to 1 |
| 20 | `#c793ba` | `oklch(72.56% 0.0821 335.57)` | Moorland Heather | black, 8.3 to 1 |
| 21 | `#c993b8` | `oklch(72.75% 0.0815 338.58)` | Moorland Heather | black, 8.3 to 1 |
| 22 | `#cb93b6` | `oklch(72.87% 0.0813 341.27)` | Moorland Heather | black, 8.4 to 1 |
| 23 | `#cc93b4` | `oklch(72.89% 0.0814 343.85)` | Bossy-Pants Pink | black, 8.4 to 1 |
| 24 | `#ce92b2` | `oklch(72.82% 0.0819 346.38)` | Moonlit Mauve | black, 8.3 to 1 |
| 25 | `#cf92af` | `oklch(72.68% 0.0827 348.83)` | Moonlit Mauve | black, 8.3 to 1 |
| 26 | `#cf91ac` | `oklch(72.48% 0.0837 351.17)` | Moonlit Mauve | black, 8.2 to 1 |
| 27 | `#d08faa` | `oklch(72.25% 0.0849 353.38)` | Kiss | black, 8.2 to 1 |
| 28 | `#d08ea7` | `oklch(72.01% 0.0860 355.43)` | Kiss | black, 8.1 to 1 |
| 29 | `#d18da4` | `oklch(71.77% 0.0872 357.30)` | Kiss | black, 8 to 1 |
| 30 | `#d18ca2` | `oklch(71.55% 0.0882 358.95)` | Kiss | black, 7.9 to 1 |
| 31 | `#d18ba0` | `oklch(71.37% 0.0890 0.38)` | Can Can | black, 7.9 to 1 |
| 32 | `#d18b9e` | `oklch(71.26% 0.0896 1.54)` | Can Can | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #8474ba 0.0%, #8775bb 3.2%, #8a77bc 6.5%, #8d79be 9.7%, #917cc0 12.9%, #957fc2 16.1%, #9981c4 19.4%, #9d84c5 22.6%, #a187c7 25.8%, #a689c8 29.0%, #aa8bc8 32.3%, #ad8cc8 35.5%, #b18ec7 38.7%, #b58fc6 41.9%, #b990c5 45.2%, #bc90c3 48.4%, #c091c1 51.6%, #c292bf 54.8%, #c593bd 58.1%, #c793ba 61.3%, #c993b8 64.5%, #cb93b6 67.7%, #cc93b4 71.0%, #ce92b2 74.2%, #cf92af 77.4%, #cf91ac 80.6%, #d08faa 83.9%, #d08ea7 87.1%, #d18da4 90.3%, #d18ca2 93.5%, #d18ba0 96.8%, #d18b9e 100.0%);
background: linear-gradient(225deg in oklch, oklch(60.24% 0.1061 293.91) 0.0%, oklch(60.75% 0.1054 294.61) 3.2%, oklch(61.44% 0.1045 295.41) 6.5%, oklch(62.26% 0.1034 296.32) 9.7%, oklch(63.18% 0.1022 297.35) 12.9%, oklch(64.15% 0.1009 298.52) 16.1%, oklch(65.16% 0.0995 299.84) 19.4%, oklch(66.15% 0.0981 301.32) 22.6%, oklch(67.09% 0.0967 302.98) 25.8%, oklch(67.95% 0.0954 304.84) 29.0%, oklch(68.69% 0.0941 306.91) 32.3%, oklch(69.30% 0.0929 309.24) 35.5%, oklch(69.86% 0.0915 311.98) 38.7%, oklch(70.39% 0.0900 315.03) 41.9%, oklch(70.87% 0.0885 318.34) 45.2%, oklch(71.30% 0.0869 321.80) 48.4%, oklch(71.70% 0.0855 325.33) 51.6%, oklch(72.04% 0.0842 328.86) 54.8%, oklch(72.33% 0.0830 332.31) 58.1%, oklch(72.56% 0.0821 335.57) 61.3%, oklch(72.75% 0.0815 338.58) 64.5%, oklch(72.87% 0.0813 341.27) 67.7%, oklch(72.89% 0.0814 343.85) 71.0%, oklch(72.82% 0.0819 346.38) 74.2%, oklch(72.68% 0.0827 348.83) 77.4%, oklch(72.48% 0.0837 351.17) 80.6%, oklch(72.25% 0.0849 353.38) 83.9%, oklch(72.01% 0.0860 355.43) 87.1%, oklch(71.77% 0.0872 357.30) 90.3%, oklch(71.55% 0.0882 358.95) 93.5%, oklch(71.37% 0.0890 0.38) 96.8%, oklch(71.26% 0.0896 1.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.602 | 0.106 | 293.9 |
| 2 | 0.689 | 0.094 | 307.6 |
| 3 | 0.728 | 0.081 | 340.4 |
| 4 | 0.713 | 0.09 | 361.5 |

## In these collections

- [Purple and pink gradients](https://grabient.com/purple-and-pink-gradients)

## Other forms

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