# Monochrome purple to gray linear gradient

Monochrome purple to gray linear gradient with 32 colors: #6a4a83, #6d4e87, #72538b, #775a91, #7e6197, #85699d, #8c71a3, #957aaa, #9e83b1, #a78db8, #b097bf, #b8a0c4, #bfaaca, #c6b4d0, #cdbdd4, #d4c5d6, #dbcbd7, #e1d1d6, #e4d7d5, #e5dcd6, #e4dfd8, #e4e1d8, #e2e2d5, #e0e3cf, #dbe2c8, #d6e0c2, #d0debc, #c8d9b6, #bfd2ae, #b6cba7, #afc5a1, #aac19c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kad0bbyJ6_9uWwJsCcGc4TOnARQ_jlMDg`
- Page: https://grabient.com/kad0bbyJ6_9uWwJsCcGc4TOnARQ_jlMDg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.5 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 | `#6a4a83` | `oklch(46.85% 0.0965 308.67)` | Violet Majesty | white, 7.1 to 1 |
| 2 | `#6d4e87` | `oklch(48.12% 0.0950 308.59)` | Zimidar | white, 6.7 to 1 |
| 3 | `#72538b` | `oklch(49.85% 0.0930 308.43)` | Ninja Princess | white, 6.2 to 1 |
| 4 | `#775a91` | `oklch(51.94% 0.0906 308.30)` | Ghostly Purple | white, 5.7 to 1 |
| 5 | `#7e6197` | `oklch(54.25% 0.0878 308.31)` | Jubilee | white, 5.1 to 1 |
| 6 | `#85699d` | `oklch(56.68% 0.0846 308.59)` | Dark Lavender | white, 4.6 to 1 |
| 7 | `#8c71a3` | `oklch(59.25% 0.0812 309.13)` | Fuji Purple | black, 4.9 to 1 |
| 8 | `#957aaa` | `oklch(62.13% 0.0775 309.81)` | Captivated | black, 5.6 to 1 |
| 9 | `#9e83b1` | `oklch(65.16% 0.0734 310.70)` | Daylight Lilac | black, 6.3 to 1 |
| 10 | `#a78db8` | `oklch(68.21% 0.0689 311.86)` | East Side | black, 7.1 to 1 |
| 11 | `#b097bf` | `oklch(71.13% 0.0638 313.37)` | Atlantic Tulip | black, 8 to 1 |
| 12 | `#b8a0c4` | `oklch(73.87% 0.0579 314.52)` | Berry Frappé | black, 8.8 to 1 |
| 13 | `#bfaaca` | `oklch(76.63% 0.0507 313.89)` | Immortal | black, 9.8 to 1 |
| 14 | `#c6b4d0` | `oklch(79.33% 0.0429 313.45)` | Plumeria | black, 10.8 to 1 |
| 15 | `#cdbdd4` | `oklch(81.84% 0.0354 315.42)` | Playful Petal | black, 11.8 to 1 |
| 16 | `#d4c5d6` | `oklch(84.07% 0.0288 321.99)` | Fragrant Snowbell | black, 12.7 to 1 |
| 17 | `#dbcbd7` | `oklch(85.93% 0.0238 335.70)` | Creamy Mauve | black, 13.5 to 1 |
| 18 | `#e1d1d6` | `oklch(87.53% 0.0191 358.24)` | Secret Blush | black, 14.3 to 1 |
| 19 | `#e4d7d5` | `oklch(88.88% 0.0152 25.86)` | Lost Love | black, 14.9 to 1 |
| 20 | `#e5dcd6` | `oklch(89.93% 0.0125 54.22)` | Cultured Pearl | black, 15.5 to 1 |
| 21 | `#e4dfd8` | `oklch(90.66% 0.0117 78.98)` | Vista White | black, 15.8 to 1 |
| 22 | `#e4e1d8` | `oklch(91.03% 0.0133 96.10)` | Heron Plume | black, 16.1 to 1 |
| 23 | `#e2e2d5` | `oklch(91.02% 0.0185 107.07)` | Divine Cream | black, 16.1 to 1 |
| 24 | `#e0e3cf` | `oklch(90.68% 0.0261 114.12)` | Positive Energy | black, 15.9 to 1 |
| 25 | `#dbe2c8` | `oklch(90.04% 0.0345 118.67)` | Palm Breeze | black, 15.7 to 1 |
| 26 | `#d6e0c2` | `oklch(89.13% 0.0422 122.11)` | Security | black, 15.3 to 1 |
| 27 | `#d0debc` | `oklch(87.97% 0.0475 125.81)` | Green Parlour | black, 14.7 to 1 |
| 28 | `#c8d9b6` | `oklch(86.25% 0.0509 128.94)` | Vintage Glass | black, 14 to 1 |
| 29 | `#bfd2ae` | `oklch(84.06% 0.0531 130.92)` | Romaine | black, 13 to 1 |
| 30 | `#b6cba7` | `oklch(81.77% 0.0546 132.11)` | Relish | black, 12.1 to 1 |
| 31 | `#afc5a1` | `oklch(79.74% 0.0556 132.88)` | Green Eggs & Cam | black, 11.3 to 1 |
| 32 | `#aac19c` | `oklch(78.35% 0.0565 133.60)` | Saxon | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #6a4a83 0.0%, #6d4e87 3.2%, #72538b 6.5%, #775a91 9.7%, #7e6197 12.9%, #85699d 16.1%, #8c71a3 19.4%, #957aaa 22.6%, #9e83b1 25.8%, #a78db8 29.0%, #b097bf 32.3%, #b8a0c4 35.5%, #bfaaca 38.7%, #c6b4d0 41.9%, #cdbdd4 45.2%, #d4c5d6 48.4%, #dbcbd7 51.6%, #e1d1d6 54.8%, #e4d7d5 58.1%, #e5dcd6 61.3%, #e4dfd8 64.5%, #e4e1d8 67.7%, #e2e2d5 71.0%, #e0e3cf 74.2%, #dbe2c8 77.4%, #d6e0c2 80.6%, #d0debc 83.9%, #c8d9b6 87.1%, #bfd2ae 90.3%, #b6cba7 93.5%, #afc5a1 96.8%, #aac19c 100.0%);
background: linear-gradient(45deg in oklch, oklch(46.85% 0.0965 308.67) 0.0%, oklch(48.12% 0.0950 308.59) 3.2%, oklch(49.85% 0.0930 308.43) 6.5%, oklch(51.94% 0.0906 308.30) 9.7%, oklch(54.25% 0.0878 308.31) 12.9%, oklch(56.68% 0.0846 308.59) 16.1%, oklch(59.25% 0.0812 309.13) 19.4%, oklch(62.13% 0.0775 309.81) 22.6%, oklch(65.16% 0.0734 310.70) 25.8%, oklch(68.21% 0.0689 311.86) 29.0%, oklch(71.13% 0.0638 313.37) 32.3%, oklch(73.87% 0.0579 314.52) 35.5%, oklch(76.63% 0.0507 313.89) 38.7%, oklch(79.33% 0.0429 313.45) 41.9%, oklch(81.84% 0.0354 315.42) 45.2%, oklch(84.07% 0.0288 321.99) 48.4%, oklch(85.93% 0.0238 335.70) 51.6%, oklch(87.53% 0.0191 358.24) 54.8%, oklch(88.88% 0.0152 25.86) 58.1%, oklch(89.93% 0.0125 54.22) 61.3%, oklch(90.66% 0.0117 78.98) 64.5%, oklch(91.03% 0.0133 96.10) 67.7%, oklch(91.02% 0.0185 107.07) 71.0%, oklch(90.68% 0.0261 114.12) 74.2%, oklch(90.04% 0.0345 118.67) 77.4%, oklch(89.13% 0.0422 122.11) 80.6%, oklch(87.97% 0.0475 125.81) 83.9%, oklch(86.25% 0.0509 128.94) 87.1%, oklch(84.06% 0.0531 130.92) 90.3%, oklch(81.77% 0.0546 132.11) 93.5%, oklch(79.74% 0.0556 132.88) 96.8%, oklch(78.35% 0.0565 133.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.469 | 0.096 | 308.7 |
| 2 | 0.571 | 0.084 | 308.7 |
| 3 | 0.72 | 0.062 | 314 |
| 4 | 0.85 | 0.026 | 327.7 |
| 5 | 0.909 | 0.012 | 451.3 |
| 6 | 0.882 | 0.047 | 485.1 |
| 7 | 0.783 | 0.056 | 493.6 |

## In these collections

- [Wisteria shadow wall](https://grabient.com/wisteria-shadow-wall)

## Other forms

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