# Pumpkin glow gradient

Analogous orange to brown radial gradient with 32 colors: #fe8d2e, #fb892c, #f78328, #f27d23, #ec761e, #e66e1a, #e06715, #d96012, #d35b11, #cc5511, #c55012, #be4b13, #b74714, #b04215, #a83e16, #a03b16, #983717, #903317, #883017, #7f2d17, #772b16, #6f2816, #672515, #5f2315, #572114, #501e13, #481c12, #401a11, #391810, #33160f, #2e150e, #2a130e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous orange to brown radial gradient
- Seed: `kWv3snTr2-z0zPwrIL-HA6_4`
- Page: https://grabient.com/kWv3snTr2-z0zPwrIL-HA6_4?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.5 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 | `#fe8d2e` | `oklch(75.20% 0.1695 54.84)` | Instant Orange | black, 9 to 1 |
| 2 | `#fb892c` | `oklch(74.13% 0.1697 54.07)` | Flame Orange | black, 8.6 to 1 |
| 3 | `#f78328` | `oklch(72.70% 0.1702 53.01)` | Summer Citrus | black, 8.2 to 1 |
| 4 | `#f27d23` | `oklch(71.01% 0.1708 51.76)` | Iceland Poppy | black, 7.7 to 1 |
| 5 | `#ec761e` | `oklch(69.12% 0.1714 50.37)` | Orange Gluttony | black, 7.1 to 1 |
| 6 | `#e66e1a` | `oklch(67.13% 0.1716 48.94)` | 24 Carrot | black, 6.6 to 1 |
| 7 | `#e06715` | `oklch(65.12% 0.1714 47.53)` | Fading Ember | black, 6.1 to 1 |
| 8 | `#d96012` | `oklch(63.18% 0.1706 46.21)` | Ancient Bamboo | black, 5.6 to 1 |
| 9 | `#d35b11` | `oklch(61.37% 0.1690 45.06)` | Exuberance | black, 5.2 to 1 |
| 10 | `#cc5511` | `oklch(59.62% 0.1667 43.97)` | Hot Bolognese | black, 4.8 to 1 |
| 11 | `#c55012` | `oklch(57.85% 0.1639 42.90)` | Dark Orange | white, 4.6 to 1 |
| 12 | `#be4b13` | `oklch(56.08% 0.1605 41.87)` | Brick Orange | white, 4.9 to 1 |
| 13 | `#b74714` | `oklch(54.30% 0.1567 40.87)` | Beef Bourguignon | white, 5.3 to 1 |
| 14 | `#b04215` | `oklch(52.52% 0.1525 39.93)` | Donkey Kong | white, 5.7 to 1 |
| 15 | `#a83e16` | `oklch(50.73% 0.1480 39.07)` | Rust | white, 6.2 to 1 |
| 16 | `#a03b16` | `oklch(48.93% 0.1431 38.29)` | Muddy | white, 6.7 to 1 |
| 17 | `#983717` | `oklch(47.12% 0.1379 37.61)` | Choco Chic | white, 7.2 to 1 |
| 18 | `#903317` | `oklch(45.28% 0.1321 37.01)` | Bengala Red | white, 7.8 to 1 |
| 19 | `#883017` | `oklch(43.41% 0.1257 36.49)` | Kobe | white, 8.4 to 1 |
| 20 | `#7f2d17` | `oklch(41.53% 0.1189 36.04)` | Caponata | white, 9.1 to 1 |
| 21 | `#772b16` | `oklch(39.65% 0.1120 35.66)` | Drip Coffee | white, 9.8 to 1 |
| 22 | `#6f2816` | `oklch(37.81% 0.1049 35.33)` | Moussaka | white, 10.5 to 1 |
| 23 | `#672515` | `oklch(36.01% 0.0980 35.05)` | Brown Moelleux | white, 11.3 to 1 |
| 24 | `#5f2315` | `oklch(34.28% 0.0912 34.82)` | Chestnut Leather | white, 12 to 1 |
| 25 | `#572114` | `oklch(32.57% 0.0845 34.64)` | Peaty Brown | white, 12.8 to 1 |
| 26 | `#501e13` | `oklch(30.80% 0.0773 34.55)` | Chocolate Rush | white, 13.6 to 1 |
| 27 | `#481c12` | `oklch(29.01% 0.0698 34.53)` | Barbecue Sauce | white, 14.4 to 1 |
| 28 | `#401a11` | `oklch(27.28% 0.0625 34.56)` | Old Study | white, 15.2 to 1 |
| 29 | `#391810` | `oklch(25.65% 0.0555 34.62)` | Dark Sienna | white, 15.9 to 1 |
| 30 | `#33160f` | `oklch(24.20% 0.0492 34.69)` | Darkroom | white, 16.5 to 1 |
| 31 | `#2e150e` | `oklch(22.98% 0.0439 34.74)` | Darkroom | white, 17 to 1 |
| 32 | `#2a130e` | `oklch(22.05% 0.0400 34.77)` | Dark Danger | white, 17.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fe8d2e 0.0%, #fb892c 3.2%, #f78328 6.5%, #f27d23 9.7%, #ec761e 12.9%, #e66e1a 16.1%, #e06715 19.4%, #d96012 22.6%, #d35b11 25.8%, #cc5511 29.0%, #c55012 32.3%, #be4b13 35.5%, #b74714 38.7%, #b04215 41.9%, #a83e16 45.2%, #a03b16 48.4%, #983717 51.6%, #903317 54.8%, #883017 58.1%, #7f2d17 61.3%, #772b16 64.5%, #6f2816 67.7%, #672515 71.0%, #5f2315 74.2%, #572114 77.4%, #501e13 80.6%, #481c12 83.9%, #401a11 87.1%, #391810 90.3%, #33160f 93.5%, #2e150e 96.8%, #2a130e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(75.20% 0.1695 54.84) 0.0%, oklch(74.13% 0.1697 54.07) 3.2%, oklch(72.70% 0.1702 53.01) 6.5%, oklch(71.01% 0.1708 51.76) 9.7%, oklch(69.12% 0.1714 50.37) 12.9%, oklch(67.13% 0.1716 48.94) 16.1%, oklch(65.12% 0.1714 47.53) 19.4%, oklch(63.18% 0.1706 46.21) 22.6%, oklch(61.37% 0.1690 45.06) 25.8%, oklch(59.62% 0.1667 43.97) 29.0%, oklch(57.85% 0.1639 42.90) 32.3%, oklch(56.08% 0.1605 41.87) 35.5%, oklch(54.30% 0.1567 40.87) 38.7%, oklch(52.52% 0.1525 39.93) 41.9%, oklch(50.73% 0.1480 39.07) 45.2%, oklch(48.93% 0.1431 38.29) 48.4%, oklch(47.12% 0.1379 37.61) 51.6%, oklch(45.28% 0.1321 37.01) 54.8%, oklch(43.41% 0.1257 36.49) 58.1%, oklch(41.53% 0.1189 36.04) 61.3%, oklch(39.65% 0.1120 35.66) 64.5%, oklch(37.81% 0.1049 35.33) 67.7%, oklch(36.01% 0.0980 35.05) 71.0%, oklch(34.28% 0.0912 34.82) 74.2%, oklch(32.57% 0.0845 34.64) 77.4%, oklch(30.80% 0.0773 34.55) 80.6%, oklch(29.01% 0.0698 34.53) 83.9%, oklch(27.28% 0.0625 34.56) 87.1%, oklch(25.65% 0.0555 34.62) 90.3%, oklch(24.20% 0.0492 34.69) 93.5%, oklch(22.98% 0.0439 34.74) 96.8%, oklch(22.05% 0.0400 34.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.752 | 0.169 | 54.8 |
| 2 | 0.618 | 0.169 | 45.3 |
| 3 | 0.48 | 0.141 | 37.9 |
| 4 | 0.339 | 0.09 | 34.8 |
| 5 | 0.22 | 0.04 | 34.8 |

## In these collections

- [Pumpkin spice color palette](https://grabient.com/pumpkin-spice-color-palette)

## Other forms

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