# Magenta Dusk Halo

From the center outward, this gradient moves from deep umber through burnt orange, crimson, rose, magenta, and pale violet. The dark center can hold light lettering or a silhouetted subject, while the luminous outer colors form a strong halo. Use it for sunset posters, music artwork, event graphics, or atmospheric hero backgrounds that need a warm-to-electric dusk progression.

- Also called: Brown, red and pink radial gradient
- Seed: `kYPSQrLSK-DtAPTJLDz19K9WW1ve`
- Page: https://grabient.com/kYPSQrLSK-DtAPTJLDz19K9WW1ve?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8.3 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 | `#301904` | `oklch(24.02% 0.0496 60.47)` | Powdered Cocoa | white, 16.5 to 1 |
| 2 | `#351b04` | `oklch(25.21% 0.0540 58.89)` | Powdered Cocoa | white, 16 to 1 |
| 3 | `#3b1d04` | `oklch(26.87% 0.0596 56.79)` | 90% Cocoa | white, 15.3 to 1 |
| 4 | `#432004` | `oklch(28.83% 0.0665 54.27)` | Chocolate Castle | white, 14.4 to 1 |
| 5 | `#4d2305` | `oklch(30.95% 0.0745 51.43)` | Chrysophobia | white, 13.4 to 1 |
| 6 | `#562606` | `oklch(33.08% 0.0833 48.39)` | Conker Brown | white, 12.5 to 1 |
| 7 | `#602707` | `oklch(35.06% 0.0930 45.25)` | Hot Fudge | white, 11.6 to 1 |
| 8 | `#6b2707` | `oklch(36.87% 0.1048 42.00)` | Centipede Brown | white, 10.9 to 1 |
| 9 | `#762505` | `oklch(38.66% 0.1201 38.47)` | Buried Lust | white, 10.2 to 1 |
| 10 | `#832106` | `oklch(40.44% 0.1370 34.74)` | Mahogany Brown | white, 9.6 to 1 |
| 11 | `#8f1b0c` | `oklch(42.21% 0.1532 30.86)` | Emergency | white, 9 to 1 |
| 12 | `#9a1417` | `oklch(43.98% 0.1665 26.91)` | Mephiston Red | white, 8.4 to 1 |
| 13 | `#a31224` | `oklch(45.75% 0.1749 22.94)` | Romantic Thriller | white, 7.9 to 1 |
| 14 | `#a91932` | `oklch(47.52% 0.1757 18.98)` | Melancholic Macaw | white, 7.3 to 1 |
| 15 | `#ab2742` | `oklch(49.29% 0.1679 14.90)` | Bresaola | white, 6.7 to 1 |
| 16 | `#ac3550` | `oklch(51.06% 0.1547 10.72)` | Mad About You | white, 6.2 to 1 |
| 17 | `#ab425e` | `oklch(52.83% 0.1399 6.53)` | Hot | white, 5.7 to 1 |
| 18 | `#ab4c6a` | `oklch(54.61% 0.1274 2.38)` | Bing Cherry Pie | white, 5.2 to 1 |
| 19 | `#ad5475` | `oklch(56.40% 0.1208 358.35)` | Pink Parakeet | white, 4.8 to 1 |
| 20 | `#b2597f` | `oklch(58.21% 0.1239 354.48)` | Guppy Violet | black, 4.6 to 1 |
| 21 | `#bc5a8b` | `oklch(60.04% 0.1380 350.68)` | Beauty Queen | black, 4.9 to 1 |
| 22 | `#c75898` | `oklch(61.89% 0.1592 346.94)` | Llilacquered | black, 5.2 to 1 |
| 23 | `#d355a8` | `oklch(63.75% 0.1831 343.30)` | Pú Táo Zǐ Purple | black, 5.6 to 1 |
| 24 | `#dd52b8` | `oklch(65.60% 0.2053 339.78)` | Orion | black, 5.9 to 1 |
| 25 | `#e552c8` | `oklch(67.44% 0.2216 336.40)` | Barbiecore | black, 6.3 to 1 |
| 26 | `#e957d7` | `oklch(69.26% 0.2276 333.18)` | Free Speech Magenta | black, 6.8 to 1 |
| 27 | `#eb62e3` | `oklch(71.22% 0.2224 329.95)` | Pink Ping | black, 7.3 to 1 |
| 28 | `#ea70ec` | `oklch(73.29% 0.2095 326.74)` | Lián Hóng Lotus Pink | black, 8 to 1 |
| 29 | `#e87ff3` | `oklch(75.32% 0.1922 323.68)` | Pinkling | black, 8.7 to 1 |
| 30 | `#e68cf7` | `oklch(77.20% 0.1739 320.92)` | Pinkling | black, 9.4 to 1 |
| 31 | `#e497fa` | `oklch(78.77% 0.1578 318.62)` | Party Pig | black, 10.1 to 1 |
| 32 | `#e39efc` | `oklch(79.92% 0.1474 316.91)` | Medium Lavender Magenta | black, 10.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #301904 0.0%, #351b04 3.2%, #3b1d04 6.5%, #432004 9.7%, #4d2305 12.9%, #562606 16.1%, #602707 19.4%, #6b2707 22.6%, #762505 25.8%, #832106 29.0%, #8f1b0c 32.3%, #9a1417 35.5%, #a31224 38.7%, #a91932 41.9%, #ab2742 45.2%, #ac3550 48.4%, #ab425e 51.6%, #ab4c6a 54.8%, #ad5475 58.1%, #b2597f 61.3%, #bc5a8b 64.5%, #c75898 67.7%, #d355a8 71.0%, #dd52b8 74.2%, #e552c8 77.4%, #e957d7 80.6%, #eb62e3 83.9%, #ea70ec 87.1%, #e87ff3 90.3%, #e68cf7 93.5%, #e497fa 96.8%, #e39efc 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(24.02% 0.0496 60.47) 0.0%, oklch(25.21% 0.0540 58.89) 3.2%, oklch(26.87% 0.0596 56.79) 6.5%, oklch(28.83% 0.0665 54.27) 9.7%, oklch(30.95% 0.0745 51.43) 12.9%, oklch(33.08% 0.0833 48.39) 16.1%, oklch(35.06% 0.0930 45.25) 19.4%, oklch(36.87% 0.1048 42.00) 22.6%, oklch(38.66% 0.1201 38.47) 25.8%, oklch(40.44% 0.1370 34.74) 29.0%, oklch(42.21% 0.1532 30.86) 32.3%, oklch(43.98% 0.1665 26.91) 35.5%, oklch(45.75% 0.1749 22.94) 38.7%, oklch(47.52% 0.1757 18.98) 41.9%, oklch(49.29% 0.1679 14.90) 45.2%, oklch(51.06% 0.1547 10.72) 48.4%, oklch(52.83% 0.1399 6.53) 51.6%, oklch(54.61% 0.1274 2.38) 54.8%, oklch(56.40% 0.1208 358.35) 58.1%, oklch(58.21% 0.1239 354.48) 61.3%, oklch(60.04% 0.1380 350.68) 64.5%, oklch(61.89% 0.1592 346.94) 67.7%, oklch(63.75% 0.1831 343.30) 71.0%, oklch(65.60% 0.2053 339.78) 74.2%, oklch(67.44% 0.2216 336.40) 77.4%, oklch(69.26% 0.2276 333.18) 80.6%, oklch(71.22% 0.2224 329.95) 83.9%, oklch(73.29% 0.2095 326.74) 87.1%, oklch(75.32% 0.1922 323.68) 90.3%, oklch(77.20% 0.1739 320.92) 93.5%, oklch(78.77% 0.1578 318.62) 96.8%, oklch(79.92% 0.1474 316.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.05 | 60.5 |
| 2 | 0.354 | 0.095 | 44.6 |
| 3 | 0.465 | 0.176 | 21.4 |
| 4 | 0.575 | 0.121 | -4 |
| 5 | 0.689 | 0.227 | -26.2 |
| 6 | 0.799 | 0.147 | -43.1 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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