# Spectral Harvest Halloween Halo

Lavender, pink, brown and navy radial gradient with 32 colors: #edd8f8, #e9d2f8, #e1cafa, #d7c2fc, #ccb8fe, #c2aefe, #bfa3fa, #c595f0, #d285db, #df74b9, #e7668e, #e65d60, #de5935, #d35710, #c85200, #bc4e12, #b14921, #a54529, #994229, #8d4021, #7f410e, #6d4300, #5b4300, #4c4103, #413d08, #3d3604, #3f2b00, #411d02, #3d1014, #320924, #24072f, #170733. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Lavender, pink, brown and navy radial gradient
- Seed: `kY5yPf4a4-M8_S88qr_KphHZgdrA`
- Page: https://grabient.com/kY5yPf4a4-M8_S88qr_KphHZgdrA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 14.1 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 | `#edd8f8` | `oklch(90.94% 0.0482 314.30)` | Scented Spring | black, 15.8 to 1 |
| 2 | `#e9d2f8` | `oklch(89.47% 0.0568 311.49)` | Mousse aux Pruneaux | black, 15 to 1 |
| 3 | `#e1cafa` | `oklch(87.44% 0.0689 306.56)` | Lens Flare Pink | black, 14 to 1 |
| 4 | `#d7c2fc` | `oklch(85.02% 0.0831 301.13)` | Neon Boneyard | black, 12.9 to 1 |
| 5 | `#ccb8fe` | `oklch(82.41% 0.0981 296.85)` | Violet Heaven | black, 11.8 to 1 |
| 6 | `#c2aefe` | `oklch(79.75% 0.1124 295.34)` | Purple Hepatica | black, 10.8 to 1 |
| 7 | `#bfa3fa` | `oklch(77.24% 0.1247 298.25)` | Diva | black, 9.8 to 1 |
| 8 | `#c595f0` | `oklch(74.91% 0.1351 307.55)` | Dream Vapour | black, 8.9 to 1 |
| 9 | `#d285db` | `oklch(72.57% 0.1458 323.26)` | Blush Essence | black, 8.1 to 1 |
| 10 | `#df74b9` | `oklch(70.22% 0.1559 342.69)` | Fuchsia Blush | black, 7.3 to 1 |
| 11 | `#e7668e` | `oklch(67.86% 0.1645 3.12)` | Love Letter | black, 6.6 to 1 |
| 12 | `#e65d60` | `oklch(65.50% 0.1707 21.82)` | Lovely Little Rosy | black, 6.1 to 1 |
| 13 | `#de5935` | `oklch(63.15% 0.1736 36.06)` | Untamed Orange | black, 5.5 to 1 |
| 14 | `#d35710` | `oklch(60.79% 0.1722 43.52)` | Tomato Bisque | black, 5.1 to 1 |
| 15 | `#c85200` | `oklch(58.44% 0.1662 45.23)` | Dark Orange | black, 4.6 to 1 |
| 16 | `#bc4e12` | `oklch(56.08% 0.1570 43.33)` | Crustose Lichen | white, 4.9 to 1 |
| 17 | `#b14921` | `oklch(53.72% 0.1457 39.90)` | Cattail Red | white, 5.4 to 1 |
| 18 | `#a54529` | `oklch(51.37% 0.1339 37.04)` | Toasted Paprika | white, 6 to 1 |
| 19 | `#994229` | `oklch(49.03% 0.1228 36.82)` | Tia Maria | white, 6.6 to 1 |
| 20 | `#8d4021` | `oklch(46.71% 0.1136 41.56)` | Chocolate Covered | white, 7.2 to 1 |
| 21 | `#7f410e` | `oklch(44.42% 0.1039 53.36)` | Hazelnut Chocolate | white, 7.9 to 1 |
| 22 | `#6d4300` | `oklch(42.14% 0.0917 69.25)` | Violin Brown | white, 8.5 to 1 |
| 23 | `#5b4300` | `oklch(39.87% 0.0816 85.66)` | Sugarloaf Brown | white, 9.3 to 1 |
| 24 | `#4c4103` | `oklch(37.60% 0.0759 98.83)` | Roman Bronze | white, 10.1 to 1 |
| 25 | `#413d08` | `oklch(35.31% 0.0694 104.92)` | Xanthophobia | white, 11 to 1 |
| 26 | `#3d3604` | `oklch(32.99% 0.0656 100.23)` | Camouflage | white, 12.1 to 1 |
| 27 | `#3f2b00` | `oklch(30.45% 0.0628 81.60)` | Hidden Passage | white, 13.5 to 1 |
| 28 | `#411d02` | `oklch(27.73% 0.0673 52.89)` | 90% Cocoa | white, 14.9 to 1 |
| 29 | `#3d1014` | `oklch(25.03% 0.0709 18.67)` | Dark Sienna | white, 16.3 to 1 |
| 30 | `#320924` | `oklch(22.53% 0.0752 344.14)` | Vienna Roast | white, 17.5 to 1 |
| 31 | `#24072f` | `oklch(20.43% 0.0790 314.31)` | Middle Red Purple | white, 18.3 to 1 |
| 32 | `#170733` | `oklch(18.90% 0.0813 294.22)` | Quiet Abyss | white, 18.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #edd8f8 0.0%, #e9d2f8 3.2%, #e1cafa 6.5%, #d7c2fc 9.7%, #ccb8fe 12.9%, #c2aefe 16.1%, #bfa3fa 19.4%, #c595f0 22.6%, #d285db 25.8%, #df74b9 29.0%, #e7668e 32.3%, #e65d60 35.5%, #de5935 38.7%, #d35710 41.9%, #c85200 45.2%, #bc4e12 48.4%, #b14921 51.6%, #a54529 54.8%, #994229 58.1%, #8d4021 61.3%, #7f410e 64.5%, #6d4300 67.7%, #5b4300 71.0%, #4c4103 74.2%, #413d08 77.4%, #3d3604 80.6%, #3f2b00 83.9%, #411d02 87.1%, #3d1014 90.3%, #320924 93.5%, #24072f 96.8%, #170733 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.94% 0.0482 314.30) 0.0%, oklch(89.47% 0.0568 311.49) 3.2%, oklch(87.44% 0.0689 306.56) 6.5%, oklch(85.02% 0.0831 301.13) 9.7%, oklch(82.41% 0.0981 296.85) 12.9%, oklch(79.75% 0.1124 295.34) 16.1%, oklch(77.24% 0.1247 298.25) 19.4%, oklch(74.91% 0.1351 307.55) 22.6%, oklch(72.57% 0.1458 323.26) 25.8%, oklch(70.22% 0.1559 342.69) 29.0%, oklch(67.86% 0.1645 3.12) 32.3%, oklch(65.50% 0.1707 21.82) 35.5%, oklch(63.15% 0.1736 36.06) 38.7%, oklch(60.79% 0.1722 43.52) 41.9%, oklch(58.44% 0.1662 45.23) 45.2%, oklch(56.08% 0.1570 43.33) 48.4%, oklch(53.72% 0.1457 39.90) 51.6%, oklch(51.37% 0.1339 37.04) 54.8%, oklch(49.03% 0.1228 36.82) 58.1%, oklch(46.71% 0.1136 41.56) 61.3%, oklch(44.42% 0.1039 53.36) 64.5%, oklch(42.14% 0.0917 69.25) 67.7%, oklch(39.87% 0.0816 85.66) 71.0%, oklch(37.60% 0.0759 98.83) 74.2%, oklch(35.31% 0.0694 104.92) 77.4%, oklch(32.99% 0.0656 100.23) 80.6%, oklch(30.45% 0.0628 81.60) 83.9%, oklch(27.73% 0.0673 52.89) 87.1%, oklch(25.03% 0.0709 18.67) 90.3%, oklch(22.53% 0.0752 344.14) 93.5%, oklch(20.43% 0.0790 314.31) 96.8%, oklch(18.90% 0.0813 294.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.048 | 314.3 |
| 2 | 0.768 | 0.127 | 299.5 |
| 3 | 0.622 | 0.174 | 399.9 |
| 4 | 0.476 | 0.117 | 398.8 |
| 5 | 0.335 | 0.066 | 462.2 |
| 6 | 0.189 | 0.081 | 294.2 |

## In these collections

- [Halloween gradients](https://grabient.com/halloween-gradients)

## Other forms

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