# Charcoal and Copper Hush

Dark green, navy, purple and brown radial gradient with 32 colors: #2c3c34, #2f3d32, #343f30, #3b402e, #43412c, #4d412c, #554130, #5c4136, #60413f, #624149, #604250, #5d4256, #574159, #50405a, #483f59, #403d56, #393a52, #33384e, #2f364b, #2c3549, #2b3549, #2d364b, #323850, #3b3a56, #473d5c, #564060, #674461, #77485f, #854d59, #905252, #97584b, #9b5d45. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark green, navy, purple and brown radial gradient
- Seed: `kUVhJ0NRGqyoOtrFIM_g`
- Page: https://grabient.com/kUVhJ0NRGqyoOtrFIM_g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 2.3 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 | `#2c3c34` | `oklch(33.86% 0.0248 163.12)` | Scarab | white, 11.6 to 1 |
| 2 | `#2f3d32` | `oklch(34.38% 0.0263 152.47)` | Celtic | white, 11.4 to 1 |
| 3 | `#343f30` | `oklch(35.14% 0.0283 138.28)` | Aged Pine | white, 11.1 to 1 |
| 4 | `#3b402e` | `oklch(36.06% 0.0308 121.33)` | Scrub | white, 10.7 to 1 |
| 5 | `#43412c` | `oklch(37.09% 0.0336 102.37)` | Woodrush | white, 10.3 to 1 |
| 6 | `#4d412c` | `oklch(38.16% 0.0365 82.15)` | Deep Bronze | white, 9.9 to 1 |
| 7 | `#554130` | `oklch(39.20% 0.0394 61.45)` | Old Treasure Chest | white, 9.6 to 1 |
| 8 | `#5c4136` | `oklch(40.14% 0.0422 41.01)` | Pitch Mary Brown | white, 9.3 to 1 |
| 9 | `#60413f` | `oklch(40.92% 0.0446 21.59)` | Chicory Root | white, 9 to 1 |
| 10 | `#624149` | `oklch(41.47% 0.0466 3.96)` | Catawba Grape | white, 8.8 to 1 |
| 11 | `#604250` | `oklch(41.72% 0.0479 348.87)` | Miranda’s Spike | white, 8.7 to 1 |
| 12 | `#5d4256` | `oklch(41.58% 0.0485 336.24)` | Amaranthine | white, 8.8 to 1 |
| 13 | `#574159` | `oklch(40.95% 0.0481 323.90)` | Bella | white, 9 to 1 |
| 14 | `#50405a` | `oklch(39.93% 0.0469 311.95)` | Powerful Mauve | white, 9.4 to 1 |
| 15 | `#483f59` | `oklch(38.66% 0.0453 300.70)` | Club Grey | white, 9.9 to 1 |
| 16 | `#403d56` | `oklch(37.27% 0.0434 290.46)` | Knighthood | white, 10.4 to 1 |
| 17 | `#393a52` | `oklch(35.88% 0.0415 281.54)` | Carbon Blue | white, 11 to 1 |
| 18 | `#33384e` | `oklch(34.61% 0.0399 274.24)` | Old Mill | white, 11.5 to 1 |
| 19 | `#2f364b` | `oklch(33.59% 0.0388 268.87)` | German Liquorice | white, 11.9 to 1 |
| 20 | `#2c3549` | `oklch(32.95% 0.0384 265.74)` | Bunting | white, 12.2 to 1 |
| 21 | `#2b3549` | `oklch(32.82% 0.0389 265.16)` | Aeronautic | white, 12.3 to 1 |
| 22 | `#2d364b` | `oklch(33.32% 0.0407 267.54)` | German Liquorice | white, 12.1 to 1 |
| 23 | `#323850` | `oklch(34.50% 0.0439 274.32)` | Old Mill | white, 11.6 to 1 |
| 24 | `#3b3a56` | `oklch(36.27% 0.0482 285.10)` | Magic Night | white, 10.8 to 1 |
| 25 | `#473d5c` | `oklch(38.46% 0.0534 298.94)` | Mulberry Mauve Black | white, 10 to 1 |
| 26 | `#564060` | `oklch(40.96% 0.0592 314.87)` | Navy Cosmos | white, 9 to 1 |
| 27 | `#674461` | `oklch(43.61% 0.0653 331.97)` | Grape Fizz | white, 8.1 to 1 |
| 28 | `#77485f` | `oklch(46.27% 0.0713 349.27)` | Bewitching | white, 7.3 to 1 |
| 29 | `#854d59` | `oklch(48.82% 0.0771 5.83)` | Wine Not | white, 6.5 to 1 |
| 30 | `#905252` | `oklch(51.10% 0.0822 20.71)` | Apple Butter | white, 5.9 to 1 |
| 31 | `#97584b` | `oklch(52.99% 0.0865 32.95)` | Russet Leather | white, 5.4 to 1 |
| 32 | `#9b5d45` | `oklch(54.33% 0.0896 41.60)` | Vintage Copper | white, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2c3c34 0.0%, #2f3d32 3.2%, #343f30 6.5%, #3b402e 9.7%, #43412c 12.9%, #4d412c 16.1%, #554130 19.4%, #5c4136 22.6%, #60413f 25.8%, #624149 29.0%, #604250 32.3%, #5d4256 35.5%, #574159 38.7%, #50405a 41.9%, #483f59 45.2%, #403d56 48.4%, #393a52 51.6%, #33384e 54.8%, #2f364b 58.1%, #2c3549 61.3%, #2b3549 64.5%, #2d364b 67.7%, #323850 71.0%, #3b3a56 74.2%, #473d5c 77.4%, #564060 80.6%, #674461 83.9%, #77485f 87.1%, #854d59 90.3%, #905252 93.5%, #97584b 96.8%, #9b5d45 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(33.86% 0.0248 163.12) 0.0%, oklch(34.38% 0.0263 152.47) 3.2%, oklch(35.14% 0.0283 138.28) 6.5%, oklch(36.06% 0.0308 121.33) 9.7%, oklch(37.09% 0.0336 102.37) 12.9%, oklch(38.16% 0.0365 82.15) 16.1%, oklch(39.20% 0.0394 61.45) 19.4%, oklch(40.14% 0.0422 41.01) 22.6%, oklch(40.92% 0.0446 21.59) 25.8%, oklch(41.47% 0.0466 3.96) 29.0%, oklch(41.72% 0.0479 348.87) 32.3%, oklch(41.58% 0.0485 336.24) 35.5%, oklch(40.95% 0.0481 323.90) 38.7%, oklch(39.93% 0.0469 311.95) 41.9%, oklch(38.66% 0.0453 300.70) 45.2%, oklch(37.27% 0.0434 290.46) 48.4%, oklch(35.88% 0.0415 281.54) 51.6%, oklch(34.61% 0.0399 274.24) 54.8%, oklch(33.59% 0.0388 268.87) 58.1%, oklch(32.95% 0.0384 265.74) 61.3%, oklch(32.82% 0.0389 265.16) 64.5%, oklch(33.32% 0.0407 267.54) 67.7%, oklch(34.50% 0.0439 274.32) 71.0%, oklch(36.27% 0.0482 285.10) 74.2%, oklch(38.46% 0.0534 298.94) 77.4%, oklch(40.96% 0.0592 314.87) 80.6%, oklch(43.61% 0.0653 331.97) 83.9%, oklch(46.27% 0.0713 349.27) 87.1%, oklch(48.82% 0.0771 5.83) 90.3%, oklch(51.10% 0.0822 20.71) 93.5%, oklch(52.99% 0.0865 32.95) 96.8%, oklch(54.33% 0.0896 41.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.025 | 163.1 |
| 2 | 0.417 | 0.048 | -15.5 |
| 3 | 0.331 | 0.04 | -93.7 |
| 4 | 0.543 | 0.09 | 41.6 |

## In these collections

- [App background gradients](https://grabient.com/app-background-gradients)

## Other forms

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