# Olive Hearth Thanksgiving Glow

Analogous black, olive and beige radial gradient with 32 colors: #180700, #1c0900, #210d00, #261200, #2c1700, #321d00, #382400, #3f2c00, #453400, #4c3d00, #524600, #584f00, #5e5900, #636300, #696c00, #6f740d, #777c1b, #7f8427, #8a8c33, #95933f, #a19b4c, #ada359, #baaa67, #c5b276, #d0ba84, #dac193, #e3c9a1, #ead0ae, #f1d7bb, #f6dec5, #fbe3cf, #fee8d6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous black, olive and beige radial gradient
- Seed: `kSJxwnRipG3gMue`
- Page: https://grabient.com/kSJxwnRipG3gMue?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 16.6 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 | `#180700` | `oklch(15.36% 0.0383 54.31)` | Soy Sauce | white, 19.6 to 1 |
| 2 | `#1c0900` | `oklch(16.81% 0.0411 56.03)` | Soy Sauce | white, 19.2 to 1 |
| 3 | `#210d00` | `oklch(18.55% 0.0438 59.35)` | Super Black | white, 18.7 to 1 |
| 4 | `#261200` | `oklch(20.56% 0.0467 63.40)` | Super Black | white, 18 to 1 |
| 5 | `#2c1700` | `oklch(22.81% 0.0501 67.93)` | Shadow Play | white, 17 to 1 |
| 6 | `#321d00` | `oklch(25.26% 0.0539 72.80)` | Powdered Cocoa | white, 15.9 to 1 |
| 7 | `#382400` | `oklch(27.88% 0.0581 77.89)` | Black Swan | white, 14.7 to 1 |
| 8 | `#3f2c00` | `oklch(30.64% 0.0630 83.09)` | Hidden Passage | white, 13.4 to 1 |
| 9 | `#453400` | `oklch(33.50% 0.0685 88.25)` | Night in the Woods | white, 12 to 1 |
| 10 | `#4c3d00` | `oklch(36.44% 0.0746 93.26)` | Xanthophobia | white, 10.6 to 1 |
| 11 | `#524600` | `oklch(39.42% 0.0815 97.98)` | Sugarloaf Brown | white, 9.4 to 1 |
| 12 | `#584f00` | `oklch(42.42% 0.0889 102.29)` | Scorzonera Brown | white, 8.2 to 1 |
| 13 | `#5e5900` | `oklch(45.38% 0.0968 106.05)` | Greensboro | white, 7.2 to 1 |
| 14 | `#636300` | `oklch(48.29% 0.1048 109.13)` | Mud Green | white, 6.3 to 1 |
| 15 | `#696c00` | `oklch(51.12% 0.1127 111.39)` | Brownish Green | white, 5.6 to 1 |
| 16 | `#6f740d` | `oklch(53.82% 0.1156 112.71)` | Spinach Soup | white, 4.9 to 1 |
| 17 | `#777c1b` | `oklch(56.41% 0.1155 112.95)` | Medusa’s Snakes | black, 4.6 to 1 |
| 18 | `#7f8427` | `oklch(59.11% 0.1138 112.14)` | Trendy Green | black, 5.2 to 1 |
| 19 | `#8a8c33` | `oklch(61.92% 0.1107 110.41)` | Woodbine | black, 5.8 to 1 |
| 20 | `#95933f` | `oklch(64.81% 0.1065 107.88)` | Plantain | black, 6.5 to 1 |
| 21 | `#a19b4c` | `oklch(67.75% 0.1013 104.68)` | Lazy Lizard | black, 7.3 to 1 |
| 22 | `#ada359` | `oklch(70.72% 0.0953 100.94)` | Gingko Leaf | black, 8.1 to 1 |
| 23 | `#baaa67` | `oklch(73.67% 0.0887 96.80)` | Swampwater | black, 9 to 1 |
| 24 | `#c5b276` | `oklch(76.57% 0.0817 92.37)` | Saucy | black, 9.9 to 1 |
| 25 | `#d0ba84` | `oklch(79.40% 0.0745 87.79)` | Independent Gold | black, 11 to 1 |
| 26 | `#dac193` | `oklch(82.13% 0.0673 83.19)` | Del Sol Maize | black, 12 to 1 |
| 27 | `#e3c9a1` | `oklch(84.72% 0.0602 78.69)` | Biltmore Buff | black, 13.1 to 1 |
| 28 | `#ead0ae` | `oklch(87.13% 0.0536 74.42)` | Chai | black, 14.1 to 1 |
| 29 | `#f1d7bb` | `oklch(89.35% 0.0475 70.51)` | Pulled Taffy | black, 15.1 to 1 |
| 30 | `#f6dec5` | `oklch(91.34% 0.0421 67.09)` | Sazerac | black, 16.1 to 1 |
| 31 | `#fbe3cf` | `oklch(93.06% 0.0377 64.29)` | Scalloped Potato | black, 17 to 1 |
| 32 | `#fee8d6` | `oklch(94.49% 0.0344 62.24)` | Macaroon Cream | black, 17.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #180700 0.0%, #1c0900 3.2%, #210d00 6.5%, #261200 9.7%, #2c1700 12.9%, #321d00 16.1%, #382400 19.4%, #3f2c00 22.6%, #453400 25.8%, #4c3d00 29.0%, #524600 32.3%, #584f00 35.5%, #5e5900 38.7%, #636300 41.9%, #696c00 45.2%, #6f740d 48.4%, #777c1b 51.6%, #7f8427 54.8%, #8a8c33 58.1%, #95933f 61.3%, #a19b4c 64.5%, #ada359 67.7%, #baaa67 71.0%, #c5b276 74.2%, #d0ba84 77.4%, #dac193 80.6%, #e3c9a1 83.9%, #ead0ae 87.1%, #f1d7bb 90.3%, #f6dec5 93.5%, #fbe3cf 96.8%, #fee8d6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(15.36% 0.0383 54.31) 0.0%, oklch(16.81% 0.0411 56.03) 3.2%, oklch(18.55% 0.0438 59.35) 6.5%, oklch(20.56% 0.0467 63.40) 9.7%, oklch(22.81% 0.0501 67.93) 12.9%, oklch(25.26% 0.0539 72.80) 16.1%, oklch(27.88% 0.0581 77.89) 19.4%, oklch(30.64% 0.0630 83.09) 22.6%, oklch(33.50% 0.0685 88.25) 25.8%, oklch(36.44% 0.0746 93.26) 29.0%, oklch(39.42% 0.0815 97.98) 32.3%, oklch(42.42% 0.0889 102.29) 35.5%, oklch(45.38% 0.0968 106.05) 38.7%, oklch(48.29% 0.1048 109.13) 41.9%, oklch(51.12% 0.1127 111.39) 45.2%, oklch(53.82% 0.1156 112.71) 48.4%, oklch(56.41% 0.1155 112.95) 51.6%, oklch(59.11% 0.1138 112.14) 54.8%, oklch(61.92% 0.1107 110.41) 58.1%, oklch(64.81% 0.1065 107.88) 61.3%, oklch(67.75% 0.1013 104.68) 64.5%, oklch(70.72% 0.0953 100.94) 67.7%, oklch(73.67% 0.0887 96.80) 71.0%, oklch(76.57% 0.0817 92.37) 74.2%, oklch(79.40% 0.0745 87.79) 77.4%, oklch(82.13% 0.0673 83.19) 80.6%, oklch(84.72% 0.0602 78.69) 83.9%, oklch(87.13% 0.0536 74.42) 87.1%, oklch(89.35% 0.0475 70.51) 90.3%, oklch(91.34% 0.0421 67.09) 93.5%, oklch(93.06% 0.0377 64.29) 96.8%, oklch(94.49% 0.0344 62.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.154 | 0.039 | 54.8 |
| 2 | 0.551 | 0.116 | 113 |
| 3 | 0.945 | 0.034 | 62.2 |

## In these collections

- [Thanksgiving gradients](https://grabient.com/thanksgiving-gradients)

## Other forms

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