# Harvest moon night gradient

Beige, peach, purple and black radial gradient with 32 colors: #f8eec9, #f7ecc3, #f6e8ba, #f4e4b0, #f3dfa4, #f1d997, #efd18b, #edc881, #ebbd79, #e7b075, #dfa275, #d59478, #c7877b, #b67c7c, #a5717b, #956879, #875f74, #79566f, #6c4d6a, #5f4564, #533d5e, #473558, #3c2e51, #32284a, #2a2343, #221d3a, #1c1932, #17142a, #121022, #0e0d1b, #0b0a16, #090812. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige, peach, purple and black radial gradient
- Seed: `kW8SRD6aS98YWNYmFjlkge-w`
- Page: https://grabient.com/kW8SRD6aS98YWNYmFjlkge-w?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 17.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 | `#f8eec9` | `oklch(94.88% 0.0496 94.92)` | Banana Split | black, 18.1 to 1 |
| 2 | `#f7ecc3` | `oklch(94.05% 0.0543 94.08)` | Birth of Venus | black, 17.6 to 1 |
| 3 | `#f6e8ba` | `oklch(93.07% 0.0614 93.51)` | Pale Adobe | black, 17.1 to 1 |
| 4 | `#f4e4b0` | `oklch(91.91% 0.0698 92.86)` | Oyster Bisque | black, 16.5 to 1 |
| 5 | `#f3dfa4` | `oklch(90.54% 0.0787 91.78)` | Gold Strand | black, 15.8 to 1 |
| 6 | `#f1d997` | `oklch(88.93% 0.0871 89.93)` | Poached Egg | black, 15 to 1 |
| 7 | `#efd18b` | `oklch(87.06% 0.0942 86.96)` | Sienna Yellow | black, 14.1 to 1 |
| 8 | `#edc881` | `oklch(84.90% 0.0990 82.52)` | Marzipan | black, 13.1 to 1 |
| 9 | `#ebbd79` | `oklch(82.41% 0.1007 76.24)` | Delightful Moon | black, 12 to 1 |
| 10 | `#e7b075` | `oklch(79.45% 0.0989 67.53)` | Autumn Gourd | black, 10.8 to 1 |
| 11 | `#dfa275` | `oklch(76.05% 0.0944 56.75)` | Roasted Seeds | black, 9.5 to 1 |
| 12 | `#d59478` | `oklch(72.35% 0.0882 44.56)` | Tropical Blooms | black, 8.3 to 1 |
| 13 | `#c7877b` | `oklch(68.46% 0.0810 31.65)` | Sunstone | black, 7.1 to 1 |
| 14 | `#b67c7c` | `oklch(64.50% 0.0738 18.67)` | Fiesta Rojo | black, 6.1 to 1 |
| 15 | `#a5717b` | `oklch(60.60% 0.0672 6.29)` | Black Elder | black, 5.2 to 1 |
| 16 | `#956879` | `oklch(56.88% 0.0623 355.18)` | Copper Pink | white, 4.6 to 1 |
| 17 | `#875f74` | `oklch(53.40% 0.0596 345.75)` | Purple Gumdrop | white, 5.3 to 1 |
| 18 | `#79566f` | `oklch(49.93% 0.0587 336.92)` | Exotic Orchid | white, 6.2 to 1 |
| 19 | `#6c4d6a` | `oklch(46.45% 0.0591 328.55)` | Dirty Purple | white, 7.2 to 1 |
| 20 | `#5f4564` | `oklch(43.02% 0.0602 320.72)` | Pansy Petal | white, 8.3 to 1 |
| 21 | `#533d5e` | `oklch(39.68% 0.0614 313.51)` | English Violet | white, 9.5 to 1 |
| 22 | `#473558` | `oklch(36.46% 0.0624 307.00)` | Purple Plumeria | white, 10.9 to 1 |
| 23 | `#3c2e51` | `oklch(33.42% 0.0625 301.28)` | Violet Purple | white, 12.2 to 1 |
| 24 | `#32284a` | `oklch(30.59% 0.0612 296.42)` | Blackberry Black | white, 13.6 to 1 |
| 25 | `#2a2343` | `oklch(27.96% 0.0582 292.60)` | Midnight Velvet | white, 14.8 to 1 |
| 26 | `#221d3a` | `oklch(25.42% 0.0535 289.94)` | Throat | white, 16 to 1 |
| 27 | `#1c1932` | `oklch(23.00% 0.0478 288.24)` | Dark Knight | white, 17 to 1 |
| 28 | `#17142a` | `oklch(20.74% 0.0415 287.25)` | Sambucus | white, 17.9 to 1 |
| 29 | `#121022` | `oklch(18.69% 0.0351 286.75)` | Corbeau | white, 18.6 to 1 |
| 30 | `#0e0d1b` | `oklch(16.89% 0.0291 286.50)` | Nyctophobia | white, 19.2 to 1 |
| 31 | `#0b0a16` | `oklch(15.37% 0.0242 286.27)` | Midnight Oil | white, 19.6 to 1 |
| 32 | `#090812` | `oklch(14.17% 0.0207 285.84)` | Narwhal Grey | white, 19.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f8eec9 0.0%, #f7ecc3 3.2%, #f6e8ba 6.5%, #f4e4b0 9.7%, #f3dfa4 12.9%, #f1d997 16.1%, #efd18b 19.4%, #edc881 22.6%, #ebbd79 25.8%, #e7b075 29.0%, #dfa275 32.3%, #d59478 35.5%, #c7877b 38.7%, #b67c7c 41.9%, #a5717b 45.2%, #956879 48.4%, #875f74 51.6%, #79566f 54.8%, #6c4d6a 58.1%, #5f4564 61.3%, #533d5e 64.5%, #473558 67.7%, #3c2e51 71.0%, #32284a 74.2%, #2a2343 77.4%, #221d3a 80.6%, #1c1932 83.9%, #17142a 87.1%, #121022 90.3%, #0e0d1b 93.5%, #0b0a16 96.8%, #090812 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.88% 0.0496 94.92) 0.0%, oklch(94.05% 0.0543 94.08) 3.2%, oklch(93.07% 0.0614 93.51) 6.5%, oklch(91.91% 0.0698 92.86) 9.7%, oklch(90.54% 0.0787 91.78) 12.9%, oklch(88.93% 0.0871 89.93) 16.1%, oklch(87.06% 0.0942 86.96) 19.4%, oklch(84.90% 0.0990 82.52) 22.6%, oklch(82.41% 0.1007 76.24) 25.8%, oklch(79.45% 0.0989 67.53) 29.0%, oklch(76.05% 0.0944 56.75) 32.3%, oklch(72.35% 0.0882 44.56) 35.5%, oklch(68.46% 0.0810 31.65) 38.7%, oklch(64.50% 0.0738 18.67) 41.9%, oklch(60.60% 0.0672 6.29) 45.2%, oklch(56.88% 0.0623 355.18) 48.4%, oklch(53.40% 0.0596 345.75) 51.6%, oklch(49.93% 0.0587 336.92) 54.8%, oklch(46.45% 0.0591 328.55) 58.1%, oklch(43.02% 0.0602 320.72) 61.3%, oklch(39.68% 0.0614 313.51) 64.5%, oklch(36.46% 0.0624 307.00) 67.7%, oklch(33.42% 0.0625 301.28) 71.0%, oklch(30.59% 0.0612 296.42) 74.2%, oklch(27.96% 0.0582 292.60) 77.4%, oklch(25.42% 0.0535 289.94) 80.6%, oklch(23.00% 0.0478 288.24) 83.9%, oklch(20.74% 0.0415 287.25) 87.1%, oklch(18.69% 0.0351 286.75) 90.3%, oklch(16.89% 0.0291 286.50) 93.5%, oklch(15.37% 0.0242 286.27) 96.8%, oklch(14.17% 0.0207 285.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.05 | 94.9 |
| 2 | 0.831 | 0.101 | 78 |
| 3 | 0.551 | 0.061 | -9.7 |
| 4 | 0.299 | 0.061 | -64.6 |
| 5 | 0.142 | 0.021 | -74.2 |

## In these collections

- [Witchy color palette](https://grabient.com/witchy-color-palette)

## Other forms

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