# Dusty plum cream halo

Dark purple, gray and blue radial gradient with 32 colors: #2e0f32, #351335, #3f1937, #4a2039, #56283c, #63313e, #6f3c40, #7a4843, #855446, #8e604c, #966c52, #9d775b, #a68366, #af9074, #b99d83, #c3aa92, #cdb6a1, #d5c1ae, #dbcab9, #dfd1c1, #e1d6c5, #dfd7c6, #d8d4c1, #cccfb9, #bbc7b1, #a7bda9, #91b2a3, #7ba69f, #68999d, #5b8d9b, #548398, #517b97. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark purple, gray and blue radial gradient
- Seed: `kUPDblyZfK3AJQ1Hl1JA`
- Page: https://grabient.com/kUPDblyZfK3AJQ1Hl1JA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.8 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 | `#2e0f32` | `oklch(23.62% 0.0744 322.73)` | Dark Prom Queen | white, 17 to 1 |
| 2 | `#351335` | `oklch(25.60% 0.0740 328.27)` | Cultist Robe | white, 16.1 to 1 |
| 3 | `#3f1937` | `oklch(28.16% 0.0736 335.70)` | Blackberry | white, 14.9 to 1 |
| 4 | `#4a2039` | `oklch(31.18% 0.0732 344.60)` | Prestige Mauve | white, 13.5 to 1 |
| 5 | `#56283c` | `oklch(34.57% 0.0728 354.55)` | Zinfandel | white, 11.9 to 1 |
| 6 | `#63313e` | `oklch(38.23% 0.0722 5.13)` | Power Tie | white, 10.3 to 1 |
| 7 | `#6f3c40` | `oklch(42.04% 0.0714 15.91)` | Wild Cranberry | white, 8.7 to 1 |
| 8 | `#7a4843` | `oklch(45.91% 0.0705 26.47)` | Texas Sweet Tea | white, 7.4 to 1 |
| 9 | `#855446` | `oklch(49.73% 0.0692 36.39)` | Red Hook | white, 6.2 to 1 |
| 10 | `#8e604c` | `oklch(53.40% 0.0676 45.25)` | Tamarind Tart | white, 5.3 to 1 |
| 11 | `#966c52` | `oklch(56.81% 0.0655 52.62)` | Wheat Penny | white, 4.5 to 1 |
| 12 | `#9d775b` | `oklch(60.06% 0.0629 58.06)` | Baked Sienna | black, 5.2 to 1 |
| 13 | `#a68366` | `oklch(63.67% 0.0592 61.49)` | New Chestnut | black, 6 to 1 |
| 14 | `#af9074` | `oklch(67.51% 0.0547 63.41)` | Buffalo Bill | black, 7 to 1 |
| 15 | `#b99d83` | `oklch(71.45% 0.0496 64.33)` | Au Lait Ole | black, 8.2 to 1 |
| 16 | `#c3aa92` | `oklch(75.31% 0.0444 64.77)` | French Pastry | black, 9.4 to 1 |
| 17 | `#cdb6a1` | `oklch(78.94% 0.0392 65.25)` | Recycled | black, 10.7 to 1 |
| 18 | `#d5c1ae` | `oklch(82.19% 0.0344 66.29)` | Shifting Sand | black, 12 to 1 |
| 19 | `#dbcab9` | `oklch(84.88% 0.0303 68.40)` | Loft Light | black, 13.1 to 1 |
| 20 | `#dfd1c1` | `oklch(86.87% 0.0271 72.10)` | Shetland Lace | black, 14 to 1 |
| 21 | `#e1d6c5` | `oklch(88.00% 0.0252 77.91)` | Bone | black, 14.6 to 1 |
| 22 | `#dfd7c6` | `oklch(88.08% 0.0249 86.38)` | Bone | black, 14.6 to 1 |
| 23 | `#d8d4c1` | `oklch(86.89% 0.0262 98.17)` | Pale Lichen | black, 14.1 to 1 |
| 24 | `#cccfb9` | `oklch(84.57% 0.0290 112.77)` | Chinese Jade | black, 13.1 to 1 |
| 25 | `#bbc7b1` | `oklch(81.38% 0.0328 129.40)` | Composed | black, 11.8 to 1 |
| 26 | `#a7bda9` | `oklch(77.59% 0.0374 147.31)` | Bryophyte | black, 10.4 to 1 |
| 27 | `#91b2a3` | `oklch(73.43% 0.0425 165.73)` | Chrysopal Light Green | black, 9 to 1 |
| 28 | `#7ba69f` | `oklch(69.18% 0.0476 183.89)` | Scenario | black, 7.7 to 1 |
| 29 | `#68999d` | `oklch(65.09% 0.0527 201.01)` | Desaturated Cyan | black, 6.6 to 1 |
| 30 | `#5b8d9b` | `oklch(61.40% 0.0572 216.34)` | Georgian Revival Blue | black, 5.7 to 1 |
| 31 | `#548398` | `oklch(58.39% 0.0608 229.11)` | Blue Moon Bay | black, 5 to 1 |
| 32 | `#517b97` | `oklch(56.30% 0.0634 238.55)` | Mallorca Blue | black, 4.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2e0f32 0.0%, #351335 3.2%, #3f1937 6.5%, #4a2039 9.7%, #56283c 12.9%, #63313e 16.1%, #6f3c40 19.4%, #7a4843 22.6%, #855446 25.8%, #8e604c 29.0%, #966c52 32.3%, #9d775b 35.5%, #a68366 38.7%, #af9074 41.9%, #b99d83 45.2%, #c3aa92 48.4%, #cdb6a1 51.6%, #d5c1ae 54.8%, #dbcab9 58.1%, #dfd1c1 61.3%, #e1d6c5 64.5%, #dfd7c6 67.7%, #d8d4c1 71.0%, #cccfb9 74.2%, #bbc7b1 77.4%, #a7bda9 80.6%, #91b2a3 83.9%, #7ba69f 87.1%, #68999d 90.3%, #5b8d9b 93.5%, #548398 96.8%, #517b97 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(23.62% 0.0744 322.73) 0.0%, oklch(25.60% 0.0740 328.27) 3.2%, oklch(28.16% 0.0736 335.70) 6.5%, oklch(31.18% 0.0732 344.60) 9.7%, oklch(34.57% 0.0728 354.55) 12.9%, oklch(38.23% 0.0722 5.13) 16.1%, oklch(42.04% 0.0714 15.91) 19.4%, oklch(45.91% 0.0705 26.47) 22.6%, oklch(49.73% 0.0692 36.39) 25.8%, oklch(53.40% 0.0676 45.25) 29.0%, oklch(56.81% 0.0655 52.62) 32.3%, oklch(60.06% 0.0629 58.06) 35.5%, oklch(63.67% 0.0592 61.49) 38.7%, oklch(67.51% 0.0547 63.41) 41.9%, oklch(71.45% 0.0496 64.33) 45.2%, oklch(75.31% 0.0444 64.77) 48.4%, oklch(78.94% 0.0392 65.25) 51.6%, oklch(82.19% 0.0344 66.29) 54.8%, oklch(84.88% 0.0303 68.40) 58.1%, oklch(86.87% 0.0271 72.10) 61.3%, oklch(88.00% 0.0252 77.91) 64.5%, oklch(88.08% 0.0249 86.38) 67.7%, oklch(86.89% 0.0262 98.17) 71.0%, oklch(84.57% 0.0290 112.77) 74.2%, oklch(81.38% 0.0328 129.40) 77.4%, oklch(77.59% 0.0374 147.31) 80.6%, oklch(73.43% 0.0425 165.73) 83.9%, oklch(69.18% 0.0476 183.89) 87.1%, oklch(65.09% 0.0527 201.01) 90.3%, oklch(61.40% 0.0572 216.34) 93.5%, oklch(58.39% 0.0608 229.11) 96.8%, oklch(56.30% 0.0634 238.55) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.074 | 322.7 |
| 2 | 0.579 | 0.065 | 414.7 |
| 3 | 0.882 | 0.025 | 443.2 |
| 4 | 0.563 | 0.063 | 598.5 |

## In these collections

- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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