# Gray, black and brown radial gradient

Gray, black and brown radial gradient with 40 colors: #a3ccbd, #91b8a9, #789c8d, #5c7c6c, #3f5b4b, #243e2e, #0f2618, #031609, #001005, #011309, #061e16, #162f2a, #2a4341, #405959, #546d6f, #627b7d, #688181, #68807b, #65796e, #636f5e, #60614e, #5c5341, #574738, #523e32, #4f382e, #4d3428, #4a3021, #472e18, #442e0f, #402e07, #3d2f02, #3c3000, #3e3200, #433404, #4a370c, #513a15, #593e1f, #5f4128, #64452f, #684734. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYziN5k42-EmKxSvjS3qBfFjaTuq`
- Page: https://grabient.com/kYziN5k42-EmKxSvjS3qBfFjaTuq?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11 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 | `#a3ccbd` | `oklch(81.10% 0.0482 170.86)` | Tareyton | black, 11.9 to 1 |
| 2 | `#91b8a9` | `oklch(75.10% 0.0473 169.17)` | Mild Evergreen | black, 9.6 to 1 |
| 3 | `#789c8d` | `oklch(66.26% 0.0461 166.45)` | Regal View | black, 6.9 to 1 |
| 4 | `#5c7c6c` | `oklch(55.67% 0.0447 163.18)` | Stone Cypress Green | white, 4.6 to 1 |
| 5 | `#3f5b4b` | `oklch(44.45% 0.0431 159.84)` | Royal Hunter Green | white, 7.4 to 1 |
| 6 | `#243e2e` | `oklch(33.69% 0.0414 156.91)` | Mizukaze Green | white, 11.6 to 1 |
| 7 | `#0f2618` | `oklch(24.48% 0.0398 154.88)` | Deep Slate Green | white, 16 to 1 |
| 8 | `#031609` | `oklch(17.94% 0.0383 154.22)` | Oil Slick | white, 18.6 to 1 |
| 9 | `#001005` | `oklch(15.15% 0.0370 155.48)` | Blackn’t | white, 19.5 to 1 |
| 10 | `#011309` | `oklch(16.56% 0.0356 160.49)` | Jedi Night | white, 19.1 to 1 |
| 11 | `#061e16` | `oklch(21.28% 0.0342 168.76)` | Clock Chimes Thirteen | white, 17.4 to 1 |
| 12 | `#162f2a` | `oklch(28.20% 0.0329 178.67)` | Guerrilla Forest | white, 14.2 to 1 |
| 13 | `#2a4341` | `oklch(36.26% 0.0316 188.60)` | Westhaven | white, 10.5 to 1 |
| 14 | `#405959` | `oklch(44.36% 0.0305 196.93)` | Otter Creek | white, 7.5 to 1 |
| 15 | `#546d6f` | `oklch(51.42% 0.0296 202.02)` | Blue Ballet | white, 5.5 to 1 |
| 16 | `#627b7d` | `oklch(56.37% 0.0291 202.25)` | Uniform Green Grey | black, 4.6 to 1 |
| 17 | `#688181` | `oklch(58.26% 0.0289 195.87)` | Rock Creek | black, 5 to 1 |
| 18 | `#68807b` | `oklch(57.81% 0.0290 181.31)` | Aspen Valley | black, 4.9 to 1 |
| 19 | `#65796e` | `oklch(55.74% 0.0292 160.52)` | Atlas Cedar Green | white, 4.6 to 1 |
| 20 | `#636f5e` | `oklch(52.54% 0.0297 135.99)` | Bracken Green | white, 5.3 to 1 |
| 21 | `#60614e` | `oklch(48.69% 0.0305 110.23)` | Fig Tree | white, 6.3 to 1 |
| 22 | `#5c5341` | `oklch(44.69% 0.0316 85.76)` | Shadow Ridge | white, 7.5 to 1 |
| 23 | `#574738` | `oklch(41.03% 0.0331 65.06)` | Kuri Black | white, 8.8 to 1 |
| 24 | `#523e32` | `oklch(38.19% 0.0349 50.66)` | Liver Brown | white, 10 to 1 |
| 25 | `#4f382e` | `oklch(36.42% 0.0374 44.58)` | Chicory Coffee | white, 10.8 to 1 |
| 26 | `#4d3428` | `oklch(34.96% 0.0410 45.57)` | Barn Swallow | white, 11.4 to 1 |
| 27 | `#4a3021` | `oklch(33.71% 0.0453 51.68)` | Dark Wood Grain | white, 12 to 1 |
| 28 | `#472e18` | `oklch(32.71% 0.0500 61.08)` | Iroko | white, 12.5 to 1 |
| 29 | `#442e0f` | `oklch(31.96% 0.0546 71.91)` | Stirland Mud | white, 12.8 to 1 |
| 30 | `#402e07` | `oklch(31.49% 0.0589 82.34)` | Hidden Passage | white, 12.9 to 1 |
| 31 | `#3d2f02` | `oklch(31.30% 0.0623 90.52)` | Hidden Passage | white, 13 to 1 |
| 32 | `#3c3000` | `oklch(31.43% 0.0645 94.61)` | Hidden Passage | white, 12.9 to 1 |
| 33 | `#3e3200` | `oklch(32.01% 0.0652 93.81)` | Hidden Passage | white, 12.6 to 1 |
| 34 | `#433404` | `oklch(33.18% 0.0647 89.90)` | Night in the Woods | white, 12.1 to 1 |
| 35 | `#4a370c` | `oklch(34.79% 0.0633 83.79)` | Night in the Woods | white, 11.4 to 1 |
| 36 | `#513a15` | `oklch(36.64% 0.0613 76.34)` | Avocado Stone | white, 10.6 to 1 |
| 37 | `#593e1f` | `oklch(38.57% 0.0590 68.41)` | Beech Brown | white, 9.9 to 1 |
| 38 | `#5f4128` | `oklch(40.37% 0.0568 60.87)` | Irish Coffee | white, 9.2 to 1 |
| 39 | `#64452f` | `oklch(41.88% 0.0549 54.58)` | Boston Brown Bread | white, 8.6 to 1 |
| 40 | `#684734` | `oklch(42.91% 0.0537 50.39)` | Buckeye | white, 8.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a3ccbd 0.0%, #91b8a9 2.6%, #789c8d 5.1%, #5c7c6c 7.7%, #3f5b4b 10.3%, #243e2e 12.8%, #0f2618 15.4%, #031609 17.9%, #001005 20.5%, #011309 23.1%, #061e16 25.6%, #162f2a 28.2%, #2a4341 30.8%, #405959 33.3%, #546d6f 35.9%, #627b7d 38.5%, #688181 41.0%, #68807b 43.6%, #65796e 46.2%, #636f5e 48.7%, #60614e 51.3%, #5c5341 53.8%, #574738 56.4%, #523e32 59.0%, #4f382e 61.5%, #4d3428 64.1%, #4a3021 66.7%, #472e18 69.2%, #442e0f 71.8%, #402e07 74.4%, #3d2f02 76.9%, #3c3000 79.5%, #3e3200 82.1%, #433404 84.6%, #4a370c 87.2%, #513a15 89.7%, #593e1f 92.3%, #5f4128 94.9%, #64452f 97.4%, #684734 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.10% 0.0482 170.86) 0.0%, oklch(75.10% 0.0473 169.17) 2.6%, oklch(66.26% 0.0461 166.45) 5.1%, oklch(55.67% 0.0447 163.18) 7.7%, oklch(44.45% 0.0431 159.84) 10.3%, oklch(33.69% 0.0414 156.91) 12.8%, oklch(24.48% 0.0398 154.88) 15.4%, oklch(17.94% 0.0383 154.22) 17.9%, oklch(15.15% 0.0370 155.48) 20.5%, oklch(16.56% 0.0356 160.49) 23.1%, oklch(21.28% 0.0342 168.76) 25.6%, oklch(28.20% 0.0329 178.67) 28.2%, oklch(36.26% 0.0316 188.60) 30.8%, oklch(44.36% 0.0305 196.93) 33.3%, oklch(51.42% 0.0296 202.02) 35.9%, oklch(56.37% 0.0291 202.25) 38.5%, oklch(58.26% 0.0289 195.87) 41.0%, oklch(57.81% 0.0290 181.31) 43.6%, oklch(55.74% 0.0292 160.52) 46.2%, oklch(52.54% 0.0297 135.99) 48.7%, oklch(48.69% 0.0305 110.23) 51.3%, oklch(44.69% 0.0316 85.76) 53.8%, oklch(41.03% 0.0331 65.06) 56.4%, oklch(38.19% 0.0349 50.66) 59.0%, oklch(36.42% 0.0374 44.58) 61.5%, oklch(34.96% 0.0410 45.57) 64.1%, oklch(33.71% 0.0453 51.68) 66.7%, oklch(32.71% 0.0500 61.08) 69.2%, oklch(31.96% 0.0546 71.91) 71.8%, oklch(31.49% 0.0589 82.34) 74.4%, oklch(31.30% 0.0623 90.52) 76.9%, oklch(31.43% 0.0645 94.61) 79.5%, oklch(32.01% 0.0652 93.81) 82.1%, oklch(33.18% 0.0647 89.90) 84.6%, oklch(34.79% 0.0633 83.79) 87.2%, oklch(36.64% 0.0613 76.34) 89.7%, oklch(38.57% 0.0590 68.41) 92.3%, oklch(40.37% 0.0568 60.87) 94.9%, oklch(41.88% 0.0549 54.58) 97.4%, oklch(42.91% 0.0537 50.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.048 | 170.9 |
| 2 | 0.154 | 0.037 | 155 |
| 3 | 0.579 | 0.029 | 199.4 |
| 4 | 0.374 | 0.036 | 47.2 |
| 5 | 0.315 | 0.065 | 94.8 |
| 6 | 0.429 | 0.054 | 50.4 |

## Other forms

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