# Gray, black, purple and magenta radial gradient

Gray, black, purple and magenta radial gradient with 48 colors: #f7e3f3, #e6d3e3, #cebccb, #b1a2b0, #938692, #756975, #594f5a, #413843, #2e2531, #221825, #1d1020, #1d0c22, #230a27, #2c0931, #39093c, #470948, #540953, #5e095c, #640963, #630966, #590a64, #4a0c5e, #380d54, #260c45, #160a34, #0a0724, #040516, #02030d, #02030a, #03040e, #070818, #120d26, #221438, #381b49, #522058, #6d2462, #882867, #9e2a69, #af2b6a, #bb2c6d, #c52d72, #cc2d78, #d12d80, #d42d89, #d72d91, #d82d9a, #d92ea1, #db2ea5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY7hbsmwu-S25QONCLlQD5J05Uvq`
- Page: https://grabient.com/kY7hbsmwu-S25QONCLlQD5J05Uvq?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark center, vivid, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 16.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 | `#f7e3f3` | `oklch(93.70% 0.0303 332.58)` | Soft Lavender | black, 17.2 to 1 |
| 2 | `#e6d3e3` | `oklch(88.63% 0.0298 331.59)` | Sonora Rose | black, 14.7 to 1 |
| 3 | `#cebccb` | `oklch(81.51% 0.0283 330.17)` | Antique Heather | black, 11.6 to 1 |
| 4 | `#b1a2b0` | `oklch(72.92% 0.0264 328.44)` | Midsummer Twilight | black, 8.6 to 1 |
| 5 | `#938692` | `oklch(63.44% 0.0244 326.54)` | Femme Fatale | black, 6 to 1 |
| 6 | `#756975` | `oklch(53.63% 0.0228 324.60)` | Mystical Trip | white, 5.1 to 1 |
| 7 | `#594f5a` | `oklch(44.08% 0.0220 322.75)` | Purple Empire | white, 7.8 to 1 |
| 8 | `#413843` | `oklch(35.35% 0.0225 321.11)` | Nevermore | white, 11.2 to 1 |
| 9 | `#2e2531` | `oklch(28.04% 0.0248 319.82)` | Black Safflower | white, 14.7 to 1 |
| 10 | `#221825` | `oklch(22.71% 0.0292 319.00)` | Kurobeni | white, 17.1 to 1 |
| 11 | `#1d1020` | `oklch(19.83% 0.0367 318.88)` | Shot in the Dark | white, 18.3 to 1 |
| 12 | `#1d0c22` | `oklch(19.12% 0.0489 319.75)` | Meški Black | white, 18.6 to 1 |
| 13 | `#230a27` | `oklch(20.10% 0.0646 321.36)` | Meški Black | white, 18.3 to 1 |
| 14 | `#2c0931` | `oklch(22.31% 0.0824 323.38)` | Dark Prom Queen | white, 17.6 to 1 |
| 15 | `#39093c` | `oklch(25.29% 0.1010 325.50)` | Dark Purple | white, 16.4 to 1 |
| 16 | `#470948` | `oklch(28.58% 0.1189 327.42)` | Alien Purple | white, 15 to 1 |
| 17 | `#540953` | `oklch(31.73% 0.1349 328.82)` | Cloak and Dagger | white, 13.6 to 1 |
| 18 | `#5e095c` | `oklch(34.26% 0.1475 329.38)` | Clear Plum | white, 12.5 to 1 |
| 19 | `#640963` | `oklch(35.73% 0.1552 328.80)` | Purple Dreamer | white, 11.9 to 1 |
| 20 | `#630966` | `oklch(35.68% 0.1568 326.73)` | Purple Dreamer | white, 11.9 to 1 |
| 21 | `#590a64` | `oklch(34.04% 0.1506 322.28)` | God of Nights | white, 12.6 to 1 |
| 22 | `#4a0c5e` | `oklch(31.22% 0.1377 315.69)` | Clairvoyant | white, 13.9 to 1 |
| 23 | `#380d54` | `oklch(27.58% 0.1200 307.67)` | Vanishing | white, 15.5 to 1 |
| 24 | `#260c45` | `oklch(23.51% 0.0996 298.97)` | Shadow Planet | white, 17.1 to 1 |
| 25 | `#160a34` | `oklch(19.39% 0.0782 290.33)` | Quiet Abyss | white, 18.6 to 1 |
| 26 | `#0a0724` | `oklch(15.61% 0.0580 282.49)` | Mysterious Depths | white, 19.6 to 1 |
| 27 | `#040516` | `oklch(12.55% 0.0408 276.17)` | Obsidian Shard | white, 20.2 to 1 |
| 28 | `#02030d` | `oklch(10.59% 0.0287 272.12)` | Ninja | white, 20.5 to 1 |
| 29 | `#02030a` | `oklch(10.12% 0.0235 271.07)` | Ninja | white, 20.5 to 1 |
| 30 | `#03040e` | `oklch(11.41% 0.0262 273.73)` | Eight Ball | white, 20.4 to 1 |
| 31 | `#070818` | `oklch(14.24% 0.0353 279.94)` | Not Tonight | white, 19.9 to 1 |
| 32 | `#120d26` | `oklch(18.28% 0.0494 288.84)` | Corbeau | white, 18.8 to 1 |
| 33 | `#221438` | `oklch(23.17% 0.0670 299.61)` | Blacklist | white, 17.1 to 1 |
| 34 | `#381b49` | `oklch(28.58% 0.0870 311.39)` | Russian Violet | white, 14.8 to 1 |
| 35 | `#522058` | `oklch(34.16% 0.1079 323.34)` | Purple Velour | white, 12.3 to 1 |
| 36 | `#6d2462` | `oklch(39.58% 0.1285 334.63)` | Palatinate Purple | white, 10 to 1 |
| 37 | `#882867` | `oklch(44.48% 0.1474 344.39)` | Beetiful Magenta | white, 8.2 to 1 |
| 38 | `#9e2a69` | `oklch(48.52% 0.1633 351.81)` | Amaranth Deep Purple | white, 7 to 1 |
| 39 | `#af2b6a` | `oklch(51.44% 0.1752 356.15)` | Rich Maroon | white, 6.2 to 1 |
| 40 | `#bb2c6d` | `oklch(53.71% 0.1853 358.17)` | Hibiscus | white, 5.6 to 1 |
| 41 | `#c52d72` | `oklch(55.54% 0.1943 358.47)` | Prince Charming | white, 5.2 to 1 |
| 42 | `#cc2d78` | `oklch(56.99% 0.2022 357.44)` | Prince Charming | white, 4.9 to 1 |
| 43 | `#d12d80` | `oklch(58.13% 0.2092 355.44)` | Highlighter Lilac | white, 4.7 to 1 |
| 44 | `#d42d89` | `oklch(59.02% 0.2153 352.85)` | Dark Princess Pink | white, 4.6 to 1 |
| 45 | `#d72d91` | `oklch(59.72% 0.2206 350.05)` | Dark Princess Pink | black, 4.6 to 1 |
| 46 | `#d82d9a` | `oklch(60.32% 0.2253 347.43)` | Dark Princess Pink | black, 4.7 to 1 |
| 47 | `#d92ea1` | `oklch(60.86% 0.2293 345.35)` | Melodramatic Magenta | black, 4.8 to 1 |
| 48 | `#db2ea5` | `oklch(61.42% 0.2329 344.20)` | Melodramatic Magenta | black, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f7e3f3 0.0%, #e6d3e3 2.1%, #cebccb 4.3%, #b1a2b0 6.4%, #938692 8.5%, #756975 10.6%, #594f5a 12.8%, #413843 14.9%, #2e2531 17.0%, #221825 19.1%, #1d1020 21.3%, #1d0c22 23.4%, #230a27 25.5%, #2c0931 27.7%, #39093c 29.8%, #470948 31.9%, #540953 34.0%, #5e095c 36.2%, #640963 38.3%, #630966 40.4%, #590a64 42.6%, #4a0c5e 44.7%, #380d54 46.8%, #260c45 48.9%, #160a34 51.1%, #0a0724 53.2%, #040516 55.3%, #02030d 57.4%, #02030a 59.6%, #03040e 61.7%, #070818 63.8%, #120d26 66.0%, #221438 68.1%, #381b49 70.2%, #522058 72.3%, #6d2462 74.5%, #882867 76.6%, #9e2a69 78.7%, #af2b6a 80.9%, #bb2c6d 83.0%, #c52d72 85.1%, #cc2d78 87.2%, #d12d80 89.4%, #d42d89 91.5%, #d72d91 93.6%, #d82d9a 95.7%, #d92ea1 97.9%, #db2ea5 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(93.70% 0.0303 332.58) 0.0%, oklch(88.63% 0.0298 331.59) 2.1%, oklch(81.51% 0.0283 330.17) 4.3%, oklch(72.92% 0.0264 328.44) 6.4%, oklch(63.44% 0.0244 326.54) 8.5%, oklch(53.63% 0.0228 324.60) 10.6%, oklch(44.08% 0.0220 322.75) 12.8%, oklch(35.35% 0.0225 321.11) 14.9%, oklch(28.04% 0.0248 319.82) 17.0%, oklch(22.71% 0.0292 319.00) 19.1%, oklch(19.83% 0.0367 318.88) 21.3%, oklch(19.12% 0.0489 319.75) 23.4%, oklch(20.10% 0.0646 321.36) 25.5%, oklch(22.31% 0.0824 323.38) 27.7%, oklch(25.29% 0.1010 325.50) 29.8%, oklch(28.58% 0.1189 327.42) 31.9%, oklch(31.73% 0.1349 328.82) 34.0%, oklch(34.26% 0.1475 329.38) 36.2%, oklch(35.73% 0.1552 328.80) 38.3%, oklch(35.68% 0.1568 326.73) 40.4%, oklch(34.04% 0.1506 322.28) 42.6%, oklch(31.22% 0.1377 315.69) 44.7%, oklch(27.58% 0.1200 307.67) 46.8%, oklch(23.51% 0.0996 298.97) 48.9%, oklch(19.39% 0.0782 290.33) 51.1%, oklch(15.61% 0.0580 282.49) 53.2%, oklch(12.55% 0.0408 276.17) 55.3%, oklch(10.59% 0.0287 272.12) 57.4%, oklch(10.12% 0.0235 271.07) 59.6%, oklch(11.41% 0.0262 273.73) 61.7%, oklch(14.24% 0.0353 279.94) 63.8%, oklch(18.28% 0.0494 288.84) 66.0%, oklch(23.17% 0.0670 299.61) 68.1%, oklch(28.58% 0.0870 311.39) 70.2%, oklch(34.16% 0.1079 323.34) 72.3%, oklch(39.58% 0.1285 334.63) 74.5%, oklch(44.48% 0.1474 344.39) 76.6%, oklch(48.52% 0.1633 351.81) 78.7%, oklch(51.44% 0.1752 356.15) 80.9%, oklch(53.71% 0.1853 358.17) 83.0%, oklch(55.54% 0.1943 358.47) 85.1%, oklch(56.99% 0.2022 357.44) 87.2%, oklch(58.13% 0.2092 355.44) 89.4%, oklch(59.02% 0.2153 352.85) 91.5%, oklch(59.72% 0.2206 350.05) 93.6%, oklch(60.32% 0.2253 347.43) 95.7%, oklch(60.86% 0.2293 345.35) 97.9%, oklch(61.42% 0.2329 344.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.03 | 332.6 |
| 2 | 0.213 | 0.032 | 318.8 |
| 3 | 0.358 | 0.157 | 327.3 |
| 4 | 0.102 | 0.023 | 271.3 |
| 5 | 0.504 | 0.171 | 354.8 |
| 6 | 0.614 | 0.233 | 344.2 |

## Other forms

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