# Golden Thaw

Monochrome black to tan radial gradient with 32 colors: #1e2b2f, #1e2b2d, #1e2a29, #202924, #222821, #252720, #292820, #2d2a20, #342d20, #3b3120, #443621, #4d3c21, #564122, #604725, #6a4f28, #74572d, #7e5f31, #886836, #91713b, #9a7a41, #a38246, #ab8b4c, #b39353, #ba9c59, #c0a45f, #c5ab66, #c9b26c, #cbb873, #cdbe7b, #cfc381, #d0c787, #d1ca8b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome black to tan radial gradient
- Seed: `kYRw6cowWxrMUvRKnsB3qJBGmeQY`
- Page: https://grabient.com/kYRw6cowWxrMUvRKnsB3qJBGmeQY?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: dark to light, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 9 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 | `#1e2b2f` | `oklch(27.95% 0.0193 220.08)` | Cinder | white, 14.5 to 1 |
| 2 | `#1e2b2d` | `oklch(27.77% 0.0184 206.43)` | Charleston Green | white, 14.6 to 1 |
| 3 | `#1e2a29` | `oklch(27.40% 0.0167 186.74)` | Charleston Green | white, 14.7 to 1 |
| 4 | `#202924` | `oklch(27.00% 0.0148 163.74)` | Bitter Liquorice | white, 14.9 to 1 |
| 5 | `#222821` | `oklch(26.76% 0.0134 140.15)` | Bitter Liquorice | white, 15.1 to 1 |
| 6 | `#252720` | `oklch(26.82% 0.0132 118.69)` | Bitter Liquorice | white, 15.1 to 1 |
| 7 | `#292820` | `oklch(27.38% 0.0146 102.10)` | Maire | white, 14.8 to 1 |
| 8 | `#2d2a20` | `oklch(28.51% 0.0184 91.56)` | Maire | white, 14.3 to 1 |
| 9 | `#342d20` | `oklch(30.09% 0.0242 84.67)` | Go to Hell Black | white, 13.6 to 1 |
| 10 | `#3b3120` | `oklch(32.04% 0.0315 80.51)` | Agrax Earthshade | white, 12.6 to 1 |
| 11 | `#443621` | `oklch(34.25% 0.0394 78.22)` | Loam | white, 11.6 to 1 |
| 12 | `#4d3c21` | `oklch(36.66% 0.0472 76.96)` | Avocado Stone | white, 10.6 to 1 |
| 13 | `#564122` | `oklch(39.15% 0.0541 75.88)` | Beech Brown | white, 9.6 to 1 |
| 14 | `#604725` | `oklch(41.73% 0.0598 74.56)` | Nightingale | white, 8.6 to 1 |
| 15 | `#6a4f28` | `oklch(44.58% 0.0650 74.24)` | Black Queen | white, 7.6 to 1 |
| 16 | `#74572d` | `oklch(47.64% 0.0699 74.79)` | Bark Brown | white, 6.7 to 1 |
| 17 | `#7e5f31` | `oklch(50.80% 0.0745 75.93)` | Bronze Brown | white, 5.8 to 1 |
| 18 | `#886836` | `oklch(53.94% 0.0786 77.36)` | Beagle Brown | white, 5.1 to 1 |
| 19 | `#91713b` | `oklch(56.95% 0.0822 78.79)` | Sepia Yellow | black, 4.6 to 1 |
| 20 | `#9a7a41` | `oklch(59.77% 0.0852 79.99)` | Gold Estate | black, 5.2 to 1 |
| 21 | `#a38246` | `oklch(62.54% 0.0879 81.24)` | Tau Sept Ochre | black, 5.8 to 1 |
| 22 | `#ab8b4c` | `oklch(65.28% 0.0900 82.63)` | Golden Years | black, 6.5 to 1 |
| 23 | `#b39353` | `oklch(67.93% 0.0918 84.16)` | Antique Honey | black, 7.2 to 1 |
| 24 | `#ba9c59` | `oklch(70.44% 0.0929 85.81)` | Escapade Gold | black, 7.9 to 1 |
| 25 | `#c0a45f` | `oklch(72.74% 0.0936 87.57)` | Magic Lamp | black, 8.6 to 1 |
| 26 | `#c5ab66` | `oklch(74.80% 0.0937 89.43)` | Laser | black, 9.3 to 1 |
| 27 | `#c9b26c` | `oklch(76.66% 0.0927 91.64)` | Canadian Maple | black, 10 to 1 |
| 28 | `#cbb873` | `oklch(78.36% 0.0909 94.16)` | Autumn Wandering | black, 10.6 to 1 |
| 29 | `#cdbe7b` | `oklch(79.87% 0.0885 96.76)` | Green Citrine | black, 11.2 to 1 |
| 30 | `#cfc381` | `oklch(81.17% 0.0861 99.21)` | Winter Hazel | black, 11.7 to 1 |
| 31 | `#d0c787` | `oklch(82.24% 0.0841 101.30)` | Green Apple Martini | black, 12.2 to 1 |
| 32 | `#d1ca8b` | `oklch(83.07% 0.0827 102.78)` | Royal Goblet | black, 12.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1e2b2f 0.0%, #1e2b2d 3.2%, #1e2a29 6.5%, #202924 9.7%, #222821 12.9%, #252720 16.1%, #292820 19.4%, #2d2a20 22.6%, #342d20 25.8%, #3b3120 29.0%, #443621 32.3%, #4d3c21 35.5%, #564122 38.7%, #604725 41.9%, #6a4f28 45.2%, #74572d 48.4%, #7e5f31 51.6%, #886836 54.8%, #91713b 58.1%, #9a7a41 61.3%, #a38246 64.5%, #ab8b4c 67.7%, #b39353 71.0%, #ba9c59 74.2%, #c0a45f 77.4%, #c5ab66 80.6%, #c9b26c 83.9%, #cbb873 87.1%, #cdbe7b 90.3%, #cfc381 93.5%, #d0c787 96.8%, #d1ca8b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(27.95% 0.0193 220.08) 0.0%, oklch(27.77% 0.0184 206.43) 3.2%, oklch(27.40% 0.0167 186.74) 6.5%, oklch(27.00% 0.0148 163.74) 9.7%, oklch(26.76% 0.0134 140.15) 12.9%, oklch(26.82% 0.0132 118.69) 16.1%, oklch(27.38% 0.0146 102.10) 19.4%, oklch(28.51% 0.0184 91.56) 22.6%, oklch(30.09% 0.0242 84.67) 25.8%, oklch(32.04% 0.0315 80.51) 29.0%, oklch(34.25% 0.0394 78.22) 32.3%, oklch(36.66% 0.0472 76.96) 35.5%, oklch(39.15% 0.0541 75.88) 38.7%, oklch(41.73% 0.0598 74.56) 41.9%, oklch(44.58% 0.0650 74.24) 45.2%, oklch(47.64% 0.0699 74.79) 48.4%, oklch(50.80% 0.0745 75.93) 51.6%, oklch(53.94% 0.0786 77.36) 54.8%, oklch(56.95% 0.0822 78.79) 58.1%, oklch(59.77% 0.0852 79.99) 61.3%, oklch(62.54% 0.0879 81.24) 64.5%, oklch(65.28% 0.0900 82.63) 67.7%, oklch(67.93% 0.0918 84.16) 71.0%, oklch(70.44% 0.0929 85.81) 74.2%, oklch(72.74% 0.0936 87.57) 77.4%, oklch(74.80% 0.0937 89.43) 80.6%, oklch(76.66% 0.0927 91.64) 83.9%, oklch(78.36% 0.0909 94.16) 87.1%, oklch(79.87% 0.0885 96.76) 90.3%, oklch(81.17% 0.0861 99.21) 93.5%, oklch(82.24% 0.0841 101.30) 96.8%, oklch(83.07% 0.0827 102.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.019 | 220.1 |
| 2 | 0.276 | 0.015 | 99.6 |
| 3 | 0.402 | 0.056 | 75.3 |
| 4 | 0.587 | 0.084 | 79.5 |
| 5 | 0.744 | 0.094 | 89 |
| 6 | 0.831 | 0.083 | 102.8 |

## In these collections

- [Alpine thaw](https://grabient.com/alpine-thaw)

## Other forms

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