# Fireworks over midnight

Tan, pink, purple and navy radial gradient with 32 colors: #fae596, #fbdc8b, #fdd07c, #fec06c, #ffaf61, #ff9c59, #fd8a56, #f9795a, #f56c5f, #ef6064, #ea5568, #e44c6d, #de4372, #d73b77, #ce337c, #c52d81, #b92986, #ac268c, #9f2491, #902394, #822396, #732395, #642391, #55238b, #472282, #382075, #2a1e65, #1e1b54, #141743, #0d1334, #081027, #060d1f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tan, pink, purple and navy radial gradient
- Seed: `kW6klD2T24MZIuywujoFI67w`
- Page: https://grabient.com/kW6klD2T24MZIuywujoFI67w?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 15.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 | `#fae596` | `oklch(92.13% 0.1006 94.92)` | Vis Vis | black, 16.6 to 1 |
| 2 | `#fbdc8b` | `oklch(90.31% 0.1064 89.49)` | Shining Bright | black, 15.7 to 1 |
| 3 | `#fdd07c` | `oklch(87.83% 0.1144 82.04)` | Apricot Glow | black, 14.4 to 1 |
| 4 | `#fec06c` | `oklch(84.87% 0.1240 73.16)` | Simply Peachy | black, 13 to 1 |
| 5 | `#ffaf61` | `oklch(81.62% 0.1330 63.43)` | Vintage Orange | black, 11.5 to 1 |
| 6 | `#ff9c59` | `oklch(78.27% 0.1442 53.44)` | Honey Carrot Cake | black, 10.1 to 1 |
| 7 | `#fd8a56` | `oklch(75.01% 0.1552 43.77)` | Mango Orange | black, 8.9 to 1 |
| 8 | `#f9795a` | `oklch(72.03% 0.1641 35.02)` | Adventure Island Pink | black, 7.9 to 1 |
| 9 | `#f56c5f` | `oklch(69.49% 0.1711 27.73)` | Sriracha | black, 7.1 to 1 |
| 10 | `#ef6064` | `oklch(67.29% 0.1773 21.59)` | Dubarry | black, 6.5 to 1 |
| 11 | `#ea5568` | `oklch(65.28% 0.1832 16.18)` | Bara Red | black, 5.9 to 1 |
| 12 | `#e44c6d` | `oklch(63.40% 0.1885 11.26)` | Camellia Rose | black, 5.5 to 1 |
| 13 | `#de4372` | `oklch(61.61% 0.1930 6.61)` | Pickled Pink | black, 5.1 to 1 |
| 14 | `#d73b77` | `oklch(59.84% 0.1966 2.01)` | Beetroot Purple | black, 4.7 to 1 |
| 15 | `#ce337c` | `oklch(58.03% 0.1989 357.23)` | Magentarama | white, 4.7 to 1 |
| 16 | `#c52d81` | `oklch(56.13% 0.1999 352.06)` | Magenta Dye | white, 5.1 to 1 |
| 17 | `#b92986` | `oklch(54.09% 0.1994 346.28)` | Loulou’s Purple | white, 5.6 to 1 |
| 18 | `#ac268c` | `oklch(52.04% 0.1977 340.01)` | Magneto’s Magenta | white, 6.1 to 1 |
| 19 | `#9f2491` | `oklch(49.98% 0.1949 333.41)` | Warm Purple | white, 6.7 to 1 |
| 20 | `#902394` | `oklch(47.89% 0.1910 326.63)` | Acai Juice | white, 7.3 to 1 |
| 21 | `#822396` | `oklch(45.75% 0.1858 319.85)` | Druchii Violet | white, 7.9 to 1 |
| 22 | `#732395` | `oklch(43.54% 0.1794 313.20)` | Orb of Discord | white, 8.7 to 1 |
| 23 | `#642391` | `oklch(41.23% 0.1716 306.85)` | Queens of the Dead | white, 9.5 to 1 |
| 24 | `#55238b` | `oklch(38.81% 0.1624 300.96)` | Kalish Violet | white, 10.4 to 1 |
| 25 | `#472282` | `oklch(36.16% 0.1509 295.47)` | Galactic Civilization | white, 11.5 to 1 |
| 26 | `#382075` | `oklch(33.12% 0.1358 290.02)` | Explorer of the Galaxies | white, 12.8 to 1 |
| 27 | `#2a1e65` | `oklch(29.85% 0.1183 284.70)` | Night Fog | white, 14.2 to 1 |
| 28 | `#1e1b54` | `oklch(26.52% 0.0997 279.64)` | Fly-by-Night | white, 15.6 to 1 |
| 29 | `#141743` | `oklch(23.31% 0.0813 274.99)` | Tetsu-Kon Blue | white, 17 to 1 |
| 30 | `#0d1334` | `oklch(20.39% 0.0644 270.86)` | Spanish Roast | white, 18 to 1 |
| 31 | `#081027` | `oklch(17.94% 0.0501 267.39)` | Void | white, 18.8 to 1 |
| 32 | `#060d1f` | `oklch(16.14% 0.0400 264.71)` | Tristesse | white, 19.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fae596 0.0%, #fbdc8b 3.2%, #fdd07c 6.5%, #fec06c 9.7%, #ffaf61 12.9%, #ff9c59 16.1%, #fd8a56 19.4%, #f9795a 22.6%, #f56c5f 25.8%, #ef6064 29.0%, #ea5568 32.3%, #e44c6d 35.5%, #de4372 38.7%, #d73b77 41.9%, #ce337c 45.2%, #c52d81 48.4%, #b92986 51.6%, #ac268c 54.8%, #9f2491 58.1%, #902394 61.3%, #822396 64.5%, #732395 67.7%, #642391 71.0%, #55238b 74.2%, #472282 77.4%, #382075 80.6%, #2a1e65 83.9%, #1e1b54 87.1%, #141743 90.3%, #0d1334 93.5%, #081027 96.8%, #060d1f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.13% 0.1006 94.92) 0.0%, oklch(90.31% 0.1064 89.49) 3.2%, oklch(87.83% 0.1144 82.04) 6.5%, oklch(84.87% 0.1240 73.16) 9.7%, oklch(81.62% 0.1330 63.43) 12.9%, oklch(78.27% 0.1442 53.44) 16.1%, oklch(75.01% 0.1552 43.77) 19.4%, oklch(72.03% 0.1641 35.02) 22.6%, oklch(69.49% 0.1711 27.73) 25.8%, oklch(67.29% 0.1773 21.59) 29.0%, oklch(65.28% 0.1832 16.18) 32.3%, oklch(63.40% 0.1885 11.26) 35.5%, oklch(61.61% 0.1930 6.61) 38.7%, oklch(59.84% 0.1966 2.01) 41.9%, oklch(58.03% 0.1989 357.23) 45.2%, oklch(56.13% 0.1999 352.06) 48.4%, oklch(54.09% 0.1994 346.28) 51.6%, oklch(52.04% 0.1977 340.01) 54.8%, oklch(49.98% 0.1949 333.41) 58.1%, oklch(47.89% 0.1910 326.63) 61.3%, oklch(45.75% 0.1858 319.85) 64.5%, oklch(43.54% 0.1794 313.20) 67.7%, oklch(41.23% 0.1716 306.85) 71.0%, oklch(38.81% 0.1624 300.96) 74.2%, oklch(36.16% 0.1509 295.47) 77.4%, oklch(33.12% 0.1358 290.02) 80.6%, oklch(29.85% 0.1183 284.70) 83.9%, oklch(26.52% 0.0997 279.64) 87.1%, oklch(23.31% 0.0813 274.99) 90.3%, oklch(20.39% 0.0644 270.86) 93.5%, oklch(17.94% 0.0501 267.39) 96.8%, oklch(16.14% 0.0400 264.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.101 | 94.9 |
| 2 | 0.701 | 0.169 | 29.4 |
| 3 | 0.551 | 0.2 | -10.8 |
| 4 | 0.382 | 0.16 | -60.4 |
| 5 | 0.161 | 0.04 | -95.3 |

## In these collections

- [New Year's Eve color palette](https://grabient.com/new-years-eve-color-palette)

## Other forms

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