# Monochrome purple and dark purple linear swatches

Monochrome purple and dark purple linear swatches with 32 colors: #9a72b7, #9870b5, #976db3, #946bb0, #9267ad, #8f64aa, #8d60a7, #8a5da3, #87599f, #83559b, #805097, #7d4c93, #7a498f, #76458b, #734187, #703e83, #6d3b7f, #6a387a, #663576, #623271, #5e2f6c, #5b2d67, #572a62, #53275d, #4f2558, #4b2353, #48204f, #441f4b, #411d47, #3f1b44, #3d1a41, #3b193f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSnVDcuSvAqOdQK`
- Page: https://grabient.com/kSnVDcuSvAqOdQK?style=linearSwatches&steps=32
- Drawn as: linear swatches, 32 steps, 90 degrees
- Kinds: light to dark, monochrome
- Hues: analogous
- 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 | `#9a72b7` | `oklch(61.81% 0.1102 310.08)` | Purple Pride | black, 5.4 to 1 |
| 2 | `#9870b5` | `oklch(61.20% 0.1107 310.31)` | Viola | black, 5.3 to 1 |
| 3 | `#976db3` | `oklch(60.46% 0.1114 310.59)` | Crown Jewels | black, 5.1 to 1 |
| 4 | `#946bb0` | `oklch(59.60% 0.1122 310.91)` | Crown Jewels | black, 4.9 to 1 |
| 5 | `#9267ad` | `oklch(58.64% 0.1133 311.26)` | Knight Elf | black, 4.7 to 1 |
| 6 | `#8f64aa` | `oklch(57.60% 0.1144 311.65)` | Empire Violet | white, 4.5 to 1 |
| 7 | `#8d60a7` | `oklch(56.49% 0.1155 312.07)` | Empire Violet | white, 4.8 to 1 |
| 8 | `#8a5da3` | `oklch(55.32% 0.1167 312.51)` | Chive Blossom | white, 5 to 1 |
| 9 | `#87599f` | `oklch(54.10% 0.1178 312.97)` | Highlighter Lavender | white, 5.3 to 1 |
| 10 | `#83559b` | `oklch(52.85% 0.1189 313.44)` | Royal Lilac | white, 5.6 to 1 |
| 11 | `#805097` | `oklch(51.58% 0.1197 313.91)` | Royal Lilac | white, 5.9 to 1 |
| 12 | `#7d4c93` | `oklch(50.30% 0.1204 314.39)` | Voodoo Violet | white, 6.2 to 1 |
| 13 | `#7a498f` | `oklch(49.04% 0.1209 314.86)` | Purple Sapphire | white, 6.6 to 1 |
| 14 | `#76458b` | `oklch(47.80% 0.1210 315.33)` | Nightly Violet | white, 7 to 1 |
| 15 | `#734187` | `oklch(46.59% 0.1209 315.78)` | Amaranth Purple | white, 7.3 to 1 |
| 16 | `#703e83` | `oklch(45.44% 0.1203 316.21)` | Amaranth Purple | white, 7.7 to 1 |
| 17 | `#6d3b7f` | `oklch(44.33% 0.1193 316.63)` | Comtesse | white, 8.1 to 1 |
| 18 | `#6a387a` | `oklch(43.17% 0.1178 317.06)` | Comtesse | white, 8.5 to 1 |
| 19 | `#663576` | `oklch(41.97% 0.1158 317.51)` | Purple Magic | white, 8.9 to 1 |
| 20 | `#623271` | `oklch(40.73% 0.1134 317.98)` | Purple Magic | white, 9.4 to 1 |
| 21 | `#5e2f6c` | `oklch(39.46% 0.1107 318.45)` | Imperial | white, 9.9 to 1 |
| 22 | `#5b2d67` | `oklch(38.19% 0.1077 318.93)` | Imperial Purple | white, 10.4 to 1 |
| 23 | `#572a62` | `oklch(36.92% 0.1046 319.40)` | Kuwanomi Purple | white, 11 to 1 |
| 24 | `#53275d` | `oklch(35.67% 0.1013 319.87)` | Kuwanomi Purple | white, 11.5 to 1 |
| 25 | `#4f2558` | `oklch(34.45% 0.0980 320.33)` | Wonka Purple | white, 12.1 to 1 |
| 26 | `#4b2353` | `oklch(33.28% 0.0948 320.77)` | Wonka Purple | white, 12.6 to 1 |
| 27 | `#48204f` | `oklch(32.16% 0.0916 321.18)` | Galactic Wonder | white, 13.1 to 1 |
| 28 | `#441f4b` | `oklch(31.12% 0.0886 321.57)` | Obsidian Orchid | white, 13.6 to 1 |
| 29 | `#411d47` | `oklch(30.16% 0.0859 321.93)` | Obsidian Orchid | white, 14 to 1 |
| 30 | `#3f1b44` | `oklch(29.31% 0.0835 322.25)` | Obsidian Orchid | white, 14.4 to 1 |
| 31 | `#3d1a41` | `oklch(28.57% 0.0815 322.53)` | Velvet Cosmos | white, 14.8 to 1 |
| 32 | `#3b193f` | `oklch(27.95% 0.0799 322.76)` | Nightly Voyager | white, 15 to 1 |

## CSS

```css
background: linear-gradient(90deg, #9a72b7 0.000% 3.125%, #9870b5 3.125% 6.250%, #976db3 6.250% 9.375%, #946bb0 9.375% 12.500%, #9267ad 12.500% 15.625%, #8f64aa 15.625% 18.750%, #8d60a7 18.750% 21.875%, #8a5da3 21.875% 25.000%, #87599f 25.000% 28.125%, #83559b 28.125% 31.250%, #805097 31.250% 34.375%, #7d4c93 34.375% 37.500%, #7a498f 37.500% 40.625%, #76458b 40.625% 43.750%, #734187 43.750% 46.875%, #703e83 46.875% 50.000%, #6d3b7f 50.000% 53.125%, #6a387a 53.125% 56.250%, #663576 56.250% 59.375%, #623271 59.375% 62.500%, #5e2f6c 62.500% 65.625%, #5b2d67 65.625% 68.750%, #572a62 68.750% 71.875%, #53275d 71.875% 75.000%, #4f2558 75.000% 78.125%, #4b2353 78.125% 81.250%, #48204f 81.250% 84.375%, #441f4b 84.375% 87.500%, #411d47 87.500% 90.625%, #3f1b44 90.625% 93.750%, #3d1a41 93.750% 96.875%, #3b193f 96.875% 100.000%);
background: linear-gradient(90deg, oklch(61.81% 0.1102 310.08) 0.000% 3.125%, oklch(61.20% 0.1107 310.31) 3.125% 6.250%, oklch(60.46% 0.1114 310.59) 6.250% 9.375%, oklch(59.60% 0.1122 310.91) 9.375% 12.500%, oklch(58.64% 0.1133 311.26) 12.500% 15.625%, oklch(57.60% 0.1144 311.65) 15.625% 18.750%, oklch(56.49% 0.1155 312.07) 18.750% 21.875%, oklch(55.32% 0.1167 312.51) 21.875% 25.000%, oklch(54.10% 0.1178 312.97) 25.000% 28.125%, oklch(52.85% 0.1189 313.44) 28.125% 31.250%, oklch(51.58% 0.1197 313.91) 31.250% 34.375%, oklch(50.30% 0.1204 314.39) 34.375% 37.500%, oklch(49.04% 0.1209 314.86) 37.500% 40.625%, oklch(47.80% 0.1210 315.33) 40.625% 43.750%, oklch(46.59% 0.1209 315.78) 43.750% 46.875%, oklch(45.44% 0.1203 316.21) 46.875% 50.000%, oklch(44.33% 0.1193 316.63) 50.000% 53.125%, oklch(43.17% 0.1178 317.06) 53.125% 56.250%, oklch(41.97% 0.1158 317.51) 56.250% 59.375%, oklch(40.73% 0.1134 317.98) 59.375% 62.500%, oklch(39.46% 0.1107 318.45) 62.500% 65.625%, oklch(38.19% 0.1077 318.93) 65.625% 68.750%, oklch(36.92% 0.1046 319.40) 68.750% 71.875%, oklch(35.67% 0.1013 319.87) 71.875% 75.000%, oklch(34.45% 0.0980 320.33) 75.000% 78.125%, oklch(33.28% 0.0948 320.77) 78.125% 81.250%, oklch(32.16% 0.0916 321.18) 81.250% 84.375%, oklch(31.12% 0.0886 321.57) 84.375% 87.500%, oklch(30.16% 0.0859 321.93) 87.500% 90.625%, oklch(29.31% 0.0835 322.25) 90.625% 93.750%, oklch(28.57% 0.0815 322.53) 93.750% 96.875%, oklch(27.95% 0.0799 322.76) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.11 | 310.1 |
| 2 | 0.449 | 0.12 | 316.4 |
| 3 | 0.28 | 0.08 | 322.8 |

## In these collections

- [Monochrome purple gradients](https://grabient.com/monochrome-purple-gradients)

## Other forms

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