# Analogous purple, black and blue radial gradient

Analogous purple, black and blue radial gradient with 64 colors: #b26a96, #ab6998, #a2679a, #97669b, #8a649a, #7c6298, #6d6093, #5f5d8d, #505a84, #43577a, #38536e, #304e62, #2a4956, #27434b, #253e41, #243838, #243331, #232e2c, #222b28, #212725, #212523, #202422, #202422, #202523, #212724, #212927, #222c2a, #22302f, #233535, #23393c, #243e44, #27434d, #2b4757, #304b61, #384e6a, #415173, #4b547b, #565581, #605785, #695888, #725889, #795989, #7e5888, #825887, #845784, #865682, #86557f, #86537c, #865278, #845075, #834e71, #804c6e, #7e496a, #7b4767, #784564, #754361, #72415e, #6f3f5b, #6c3d58, #6a3b56, #673a53, #653851, #643750, #63364e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUnU70IIKq0IfUiymkNA`
- Page: https://grabient.com/kUnU70IIKq0IfUiymkNA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: muted
- Hues: wide
- 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 | `#b26a96` | `oklch(61.81% 0.1075 343.13)` | Je t’aime | black, 5.4 to 1 |
| 2 | `#ab6998` | `oklch(60.80% 0.1047 338.12)` | Violetta | black, 5.2 to 1 |
| 3 | `#a2679a` | `oklch(59.52% 0.1011 331.71)` | Mauve Memento | black, 4.9 to 1 |
| 4 | `#97669b` | `oklch(57.99% 0.0968 324.07)` | Figue | black, 4.6 to 1 |
| 5 | `#8a649a` | `oklch(56.25% 0.0920 315.37)` | Aster Violetta | white, 4.8 to 1 |
| 6 | `#7c6298` | `oklch(54.34% 0.0866 305.76)` | Jubilee | white, 5.1 to 1 |
| 7 | `#6d6093` | `oklch(52.28% 0.0808 295.41)` | Just a Fairytale | white, 5.6 to 1 |
| 8 | `#5f5d8d` | `oklch(50.10% 0.0748 284.49)` | Colossus | white, 6 to 1 |
| 9 | `#505a84` | `oklch(47.84% 0.0685 273.17)` | Marlin | white, 6.6 to 1 |
| 10 | `#43577a` | `oklch(45.54% 0.0620 261.61)` | Carter’s Scroll | white, 7.2 to 1 |
| 11 | `#38536e` | `oklch(43.21% 0.0555 249.98)` | Albeit | white, 8 to 1 |
| 12 | `#304e62` | `oklch(40.90% 0.0491 238.44)` | Sovereignty | white, 8.7 to 1 |
| 13 | `#2a4956` | `oklch(38.63% 0.0427 227.15)` | Night Swim | white, 9.6 to 1 |
| 14 | `#27434b` | `oklch(36.45% 0.0367 216.29)` | Japanese Indigo | white, 10.5 to 1 |
| 15 | `#253e41` | `oklch(34.37% 0.0309 206.02)` | Sunken Cascades | white, 11.4 to 1 |
| 16 | `#243838` | `oklch(32.43% 0.0255 196.50)` | Kōrainando Green | white, 12.3 to 1 |
| 17 | `#243331` | `oklch(30.67% 0.0206 187.91)` | Pitch Green | white, 13.1 to 1 |
| 18 | `#232e2c` | `oklch(29.11% 0.0163 180.40)` | Ardósia | white, 13.9 to 1 |
| 19 | `#222b28` | `oklch(27.80% 0.0127 174.14)` | Charleston Green | white, 14.6 to 1 |
| 20 | `#212725` | `oklch(26.75% 0.0099 169.30)` | Nero | white, 15.1 to 1 |
| 21 | `#212523` | `oklch(26.00% 0.0079 166.04)` | Young Night | white, 15.4 to 1 |
| 22 | `#202422` | `oklch(25.59% 0.0069 164.53)` | Young Night | white, 15.6 to 1 |
| 23 | `#202422` | `oklch(25.54% 0.0069 164.83)` | Young Night | white, 15.7 to 1 |
| 24 | `#202523` | `oklch(25.82% 0.0078 166.77)` | Young Night | white, 15.5 to 1 |
| 25 | `#212724` | `oklch(26.41% 0.0095 170.21)` | Nero | white, 15.2 to 1 |
| 26 | `#212927` | `oklch(27.27% 0.0120 174.99)` | Bitter Liquorice | white, 14.8 to 1 |
| 27 | `#222c2a` | `oklch(28.38% 0.0152 180.98)` | Charleston Green | white, 14.3 to 1 |
| 28 | `#22302f` | `oklch(29.69% 0.0190 188.02)` | Ardósia | white, 13.6 to 1 |
| 29 | `#233535` | `oklch(31.18% 0.0232 195.96)` | Cruel Sea | white, 12.9 to 1 |
| 30 | `#23393c` | `oklch(32.80% 0.0279 204.66)` | Nordic | white, 12.1 to 1 |
| 31 | `#243e44` | `oklch(34.54% 0.0329 213.96)` | Cool Current | white, 11.3 to 1 |
| 32 | `#27434d` | `oklch(36.35% 0.0381 223.73)` | Winter Waves | white, 10.5 to 1 |
| 33 | `#2b4757` | `oklch(38.21% 0.0434 233.80)` | Black Forest Blue | white, 9.8 to 1 |
| 34 | `#304b61` | `oklch(40.08% 0.0488 244.03)` | Blue Fedora | white, 9.1 to 1 |
| 35 | `#384e6a` | `oklch(41.92% 0.0542 254.27)` | Police Blue | white, 8.4 to 1 |
| 36 | `#415173` | `oklch(43.72% 0.0595 264.38)` | Astronaut | white, 7.8 to 1 |
| 37 | `#4b547b` | `oklch(45.42% 0.0645 274.20)` | Deep Indigo | white, 7.3 to 1 |
| 38 | `#565581` | `oklch(47.00% 0.0692 283.59)` | Aurora Splendour | white, 6.9 to 1 |
| 39 | `#605785` | `oklch(48.43% 0.0736 292.39)` | Wool Violet | white, 6.5 to 1 |
| 40 | `#695888` | `oklch(49.68% 0.0775 300.47)` | Butterfly Bush | white, 6.2 to 1 |
| 41 | `#725889` | `oklch(50.70% 0.0808 307.66)` | Classic Waltz | white, 6 to 1 |
| 42 | `#795989` | `oklch(51.48% 0.0835 313.83)` | Champion | white, 5.8 to 1 |
| 43 | `#7e5888` | `oklch(51.97% 0.0854 318.82)` | Purple Mystery | white, 5.7 to 1 |
| 44 | `#825887` | `oklch(52.21% 0.0868 322.92)` | Purple Mystery | white, 5.7 to 1 |
| 45 | `#845784` | `oklch(52.26% 0.0877 326.56)` | Concord Grape | white, 5.6 to 1 |
| 46 | `#865682` | `oklch(52.14% 0.0882 329.74)` | Concord Grape | white, 5.7 to 1 |
| 47 | `#86557f` | `oklch(51.87% 0.0884 332.52)` | Dynamic Magenta | white, 5.8 to 1 |
| 48 | `#86537c` | `oklch(51.47% 0.0882 334.92)` | Dynamic Magenta | white, 5.9 to 1 |
| 49 | `#865278` | `oklch(50.94% 0.0878 336.97)` | Purple Davenport | white, 6 to 1 |
| 50 | `#845075` | `oklch(50.31% 0.0872 338.70)` | Purple Davenport | white, 6.2 to 1 |
| 51 | `#834e71` | `oklch(49.59% 0.0863 340.15)` | Purple Davenport | white, 6.4 to 1 |
| 52 | `#804c6e` | `oklch(48.80% 0.0853 341.34)` | Madder Magenta | white, 6.6 to 1 |
| 53 | `#7e496a` | `oklch(47.95% 0.0841 342.32)` | Madder Magenta | white, 6.8 to 1 |
| 54 | `#7b4767` | `oklch(47.07% 0.0828 343.10)` | Vivacious Violet | white, 7.1 to 1 |
| 55 | `#784564` | `oklch(46.17% 0.0814 343.72)` | Scintillating Violet | white, 7.4 to 1 |
| 56 | `#754361` | `oklch(45.26% 0.0800 344.21)` | Purple Drab | white, 7.6 to 1 |
| 57 | `#72415e` | `oklch(44.36% 0.0786 344.61)` | Purple Drab | white, 7.9 to 1 |
| 58 | `#6f3f5b` | `oklch(43.49% 0.0773 344.95)` | Royal Lines | white, 8.2 to 1 |
| 59 | `#6c3d58` | `oklch(42.66% 0.0760 345.25)` | Royal Lines | white, 8.5 to 1 |
| 60 | `#6a3b56` | `oklch(41.89% 0.0748 345.54)` | Primitive Plum | white, 8.8 to 1 |
| 61 | `#673a53` | `oklch(41.20% 0.0737 345.87)` | Primitive Plum | white, 9.1 to 1 |
| 62 | `#653851` | `oklch(40.61% 0.0728 346.26)` | Halayà Úbe | white, 9.3 to 1 |
| 63 | `#643750` | `oklch(40.12% 0.0721 346.75)` | Vintage Wine | white, 9.5 to 1 |
| 64 | `#63364e` | `oklch(39.76% 0.0717 347.35)` | Vintage Wine | white, 9.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b26a96 0.0%, #ab6998 1.6%, #a2679a 3.2%, #97669b 4.8%, #8a649a 6.3%, #7c6298 7.9%, #6d6093 9.5%, #5f5d8d 11.1%, #505a84 12.7%, #43577a 14.3%, #38536e 15.9%, #304e62 17.5%, #2a4956 19.0%, #27434b 20.6%, #253e41 22.2%, #243838 23.8%, #243331 25.4%, #232e2c 27.0%, #222b28 28.6%, #212725 30.2%, #212523 31.7%, #202422 33.3%, #202422 34.9%, #202523 36.5%, #212724 38.1%, #212927 39.7%, #222c2a 41.3%, #22302f 42.9%, #233535 44.4%, #23393c 46.0%, #243e44 47.6%, #27434d 49.2%, #2b4757 50.8%, #304b61 52.4%, #384e6a 54.0%, #415173 55.6%, #4b547b 57.1%, #565581 58.7%, #605785 60.3%, #695888 61.9%, #725889 63.5%, #795989 65.1%, #7e5888 66.7%, #825887 68.3%, #845784 69.8%, #865682 71.4%, #86557f 73.0%, #86537c 74.6%, #865278 76.2%, #845075 77.8%, #834e71 79.4%, #804c6e 81.0%, #7e496a 82.5%, #7b4767 84.1%, #784564 85.7%, #754361 87.3%, #72415e 88.9%, #6f3f5b 90.5%, #6c3d58 92.1%, #6a3b56 93.7%, #673a53 95.2%, #653851 96.8%, #643750 98.4%, #63364e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.81% 0.1075 343.13) 0.0%, oklch(60.80% 0.1047 338.12) 1.6%, oklch(59.52% 0.1011 331.71) 3.2%, oklch(57.99% 0.0968 324.07) 4.8%, oklch(56.25% 0.0920 315.37) 6.3%, oklch(54.34% 0.0866 305.76) 7.9%, oklch(52.28% 0.0808 295.41) 9.5%, oklch(50.10% 0.0748 284.49) 11.1%, oklch(47.84% 0.0685 273.17) 12.7%, oklch(45.54% 0.0620 261.61) 14.3%, oklch(43.21% 0.0555 249.98) 15.9%, oklch(40.90% 0.0491 238.44) 17.5%, oklch(38.63% 0.0427 227.15) 19.0%, oklch(36.45% 0.0367 216.29) 20.6%, oklch(34.37% 0.0309 206.02) 22.2%, oklch(32.43% 0.0255 196.50) 23.8%, oklch(30.67% 0.0206 187.91) 25.4%, oklch(29.11% 0.0163 180.40) 27.0%, oklch(27.80% 0.0127 174.14) 28.6%, oklch(26.75% 0.0099 169.30) 30.2%, oklch(26.00% 0.0079 166.04) 31.7%, oklch(25.59% 0.0069 164.53) 33.3%, oklch(25.54% 0.0069 164.83) 34.9%, oklch(25.82% 0.0078 166.77) 36.5%, oklch(26.41% 0.0095 170.21) 38.1%, oklch(27.27% 0.0120 174.99) 39.7%, oklch(28.38% 0.0152 180.98) 41.3%, oklch(29.69% 0.0190 188.02) 42.9%, oklch(31.18% 0.0232 195.96) 44.4%, oklch(32.80% 0.0279 204.66) 46.0%, oklch(34.54% 0.0329 213.96) 47.6%, oklch(36.35% 0.0381 223.73) 49.2%, oklch(38.21% 0.0434 233.80) 50.8%, oklch(40.08% 0.0488 244.03) 52.4%, oklch(41.92% 0.0542 254.27) 54.0%, oklch(43.72% 0.0595 264.38) 55.6%, oklch(45.42% 0.0645 274.20) 57.1%, oklch(47.00% 0.0692 283.59) 58.7%, oklch(48.43% 0.0736 292.39) 60.3%, oklch(49.68% 0.0775 300.47) 61.9%, oklch(50.70% 0.0808 307.66) 63.5%, oklch(51.48% 0.0835 313.83) 65.1%, oklch(51.97% 0.0854 318.82) 66.7%, oklch(52.21% 0.0868 322.92) 68.3%, oklch(52.26% 0.0877 326.56) 69.8%, oklch(52.14% 0.0882 329.74) 71.4%, oklch(51.87% 0.0884 332.52) 73.0%, oklch(51.47% 0.0882 334.92) 74.6%, oklch(50.94% 0.0878 336.97) 76.2%, oklch(50.31% 0.0872 338.70) 77.8%, oklch(49.59% 0.0863 340.15) 79.4%, oklch(48.80% 0.0853 341.34) 81.0%, oklch(47.95% 0.0841 342.32) 82.5%, oklch(47.07% 0.0828 343.10) 84.1%, oklch(46.17% 0.0814 343.72) 85.7%, oklch(45.26% 0.0800 344.21) 87.3%, oklch(44.36% 0.0786 344.61) 88.9%, oklch(43.49% 0.0773 344.95) 90.5%, oklch(42.66% 0.0760 345.25) 92.1%, oklch(41.89% 0.0748 345.54) 93.7%, oklch(41.20% 0.0737 345.87) 95.2%, oklch(40.61% 0.0728 346.26) 96.8%, oklch(40.12% 0.0721 346.75) 98.4%, oklch(39.76% 0.0717 347.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.107 | 343.1 |
| 2 | 0.256 | 0.007 | 164.5 |
| 3 | 0.52 | 0.085 | 318.8 |
| 4 | 0.398 | 0.072 | 347.4 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)

## Other forms

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