# Dark green, gray, brown and red radial gradient

Dark green, gray, brown and red radial gradient with 32 colors: #243b38, #273f3c, #2b4642, #304f4a, #365851, #3d6159, #446a5f, #4c7164, #557969, #5f816e, #6a8872, #748d75, #7c9176, #839373, #8b936e, #929168, #998c61, #9e865c, #a07f58, #9e7855, #976f51, #8b644b, #7e5a45, #73503e, #6d4938, #6c4433, #744130, #813e2f, #913c30, #a23a33, #b03637, #b9333c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYVBWEPxE-lERu1NmTfNpY9MM-PW`
- Page: https://grabient.com/kYVBWEPxE-lERu1NmTfNpY9MM-PW?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.7 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 | `#243b38` | `oklch(33.07% 0.0289 185.62)` | Kōrainando Green | white, 12 to 1 |
| 2 | `#273f3c` | `oklch(34.83% 0.0310 184.71)` | Pine Grove | white, 11.2 to 1 |
| 3 | `#2b4642` | `oklch(37.26% 0.0340 183.70)` | Gable Green | white, 10.1 to 1 |
| 4 | `#304f4a` | `oklch(40.15% 0.0374 182.41)` | Silk Crepe Grey | white, 8.9 to 1 |
| 5 | `#365851` | `oklch(43.24% 0.0410 180.63)` | Balsam Branch | white, 7.8 to 1 |
| 6 | `#3d6159` | `oklch(46.30% 0.0442 178.16)` | Emerson | white, 6.8 to 1 |
| 7 | `#446a5f` | `oklch(49.10% 0.0465 174.80)` | Smoke Pine | white, 6 to 1 |
| 8 | `#4c7164` | `oklch(51.67% 0.0477 170.51)` | Christmas Ivy | white, 5.4 to 1 |
| 9 | `#557969` | `oklch(54.40% 0.0479 165.54)` | Kendal Green | white, 4.8 to 1 |
| 10 | `#5f816e` | `oklch(57.11% 0.0475 159.86)` | Jadite | black, 4.8 to 1 |
| 11 | `#6a8872` | `oklch(59.63% 0.0471 153.45)` | Thyme and Place | black, 5.3 to 1 |
| 12 | `#748d75` | `oklch(61.77% 0.0469 146.27)` | Ivy Wreath | black, 5.8 to 1 |
| 13 | `#7c9176` | `oklch(63.35% 0.0476 138.31)` | Loden Frost | black, 6.1 to 1 |
| 14 | `#839373` | `oklch(64.25% 0.0496 129.23)` | Catalina Green | black, 6.4 to 1 |
| 15 | `#8b936e` | `oklch(64.65% 0.0529 118.15)` | Cider Pear Green | black, 6.4 to 1 |
| 16 | `#929168` | `oklch(64.60% 0.0570 105.87)` | Extra Mile | black, 6.4 to 1 |
| 17 | `#998c61` | `oklch(64.13% 0.0613 93.32)` | Woodstock | black, 6.2 to 1 |
| 18 | `#9e865c` | `oklch(63.24% 0.0651 81.44)` | Gold Tangiers | black, 6 to 1 |
| 19 | `#a07f58` | `oklch(61.97% 0.0680 71.19)` | Grecian Gold | black, 5.6 to 1 |
| 20 | `#9e7855` | `oklch(60.23% 0.0690 63.43)` | Prince Paris | black, 5.2 to 1 |
| 21 | `#976f51` | `oklch(57.42% 0.0666 57.85)` | Cavern Sand | black, 4.6 to 1 |
| 22 | `#8b644b` | `oklch(53.85% 0.0624 53.81)` | Goulash | white, 5.1 to 1 |
| 23 | `#7e5a45` | `oklch(50.05% 0.0579 50.78)` | Stagecoach | white, 6.1 to 1 |
| 24 | `#73503e` | `oklch(46.59% 0.0552 48.20)` | Old Copper | white, 7 to 1 |
| 25 | `#6d4938` | `oklch(43.99% 0.0561 45.53)` | Birdhouse Brown | white, 7.9 to 1 |
| 26 | `#6c4433` | `oklch(42.81% 0.0625 42.24)` | Noble Chocolate | white, 8.3 to 1 |
| 27 | `#744130` | `oklch(43.21% 0.0762 38.42)` | Lava Core | white, 8.3 to 1 |
| 28 | `#813e2f` | `oklch(44.74% 0.0955 34.45)` | Grill Master | white, 7.8 to 1 |
| 29 | `#913c30` | `oklch(46.94% 0.1175 30.57)` | Carmen Miranda | white, 7.2 to 1 |
| 30 | `#a23a33` | `oklch(49.32% 0.1393 27.01)` | Rave Red | white, 6.6 to 1 |
| 31 | `#b03637` | `oklch(51.42% 0.1580 24.02)` | Red Contrast | white, 6.1 to 1 |
| 32 | `#b9333c` | `oklch(52.76% 0.1709 21.83)` | Stylish Red | white, 5.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #243b38 0.0%, #273f3c 3.2%, #2b4642 6.5%, #304f4a 9.7%, #365851 12.9%, #3d6159 16.1%, #446a5f 19.4%, #4c7164 22.6%, #557969 25.8%, #5f816e 29.0%, #6a8872 32.3%, #748d75 35.5%, #7c9176 38.7%, #839373 41.9%, #8b936e 45.2%, #929168 48.4%, #998c61 51.6%, #9e865c 54.8%, #a07f58 58.1%, #9e7855 61.3%, #976f51 64.5%, #8b644b 67.7%, #7e5a45 71.0%, #73503e 74.2%, #6d4938 77.4%, #6c4433 80.6%, #744130 83.9%, #813e2f 87.1%, #913c30 90.3%, #a23a33 93.5%, #b03637 96.8%, #b9333c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(33.07% 0.0289 185.62) 0.0%, oklch(34.83% 0.0310 184.71) 3.2%, oklch(37.26% 0.0340 183.70) 6.5%, oklch(40.15% 0.0374 182.41) 9.7%, oklch(43.24% 0.0410 180.63) 12.9%, oklch(46.30% 0.0442 178.16) 16.1%, oklch(49.10% 0.0465 174.80) 19.4%, oklch(51.67% 0.0477 170.51) 22.6%, oklch(54.40% 0.0479 165.54) 25.8%, oklch(57.11% 0.0475 159.86) 29.0%, oklch(59.63% 0.0471 153.45) 32.3%, oklch(61.77% 0.0469 146.27) 35.5%, oklch(63.35% 0.0476 138.31) 38.7%, oklch(64.25% 0.0496 129.23) 41.9%, oklch(64.65% 0.0529 118.15) 45.2%, oklch(64.60% 0.0570 105.87) 48.4%, oklch(64.13% 0.0613 93.32) 51.6%, oklch(63.24% 0.0651 81.44) 54.8%, oklch(61.97% 0.0680 71.19) 58.1%, oklch(60.23% 0.0690 63.43) 61.3%, oklch(57.42% 0.0666 57.85) 64.5%, oklch(53.85% 0.0624 53.81) 67.7%, oklch(50.05% 0.0579 50.78) 71.0%, oklch(46.59% 0.0552 48.20) 74.2%, oklch(43.99% 0.0561 45.53) 77.4%, oklch(42.81% 0.0625 42.24) 80.6%, oklch(43.21% 0.0762 38.42) 83.9%, oklch(44.74% 0.0955 34.45) 87.1%, oklch(46.94% 0.1175 30.57) 90.3%, oklch(49.32% 0.1393 27.01) 93.5%, oklch(51.42% 0.1580 24.02) 96.8%, oklch(52.76% 0.1709 21.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.029 | 185.6 |
| 2 | 0.496 | 0.047 | 174 |
| 3 | 0.638 | 0.048 | 134.9 |
| 4 | 0.61 | 0.069 | 66.2 |
| 5 | 0.429 | 0.061 | 43 |
| 6 | 0.528 | 0.171 | 21.8 |

## In these collections

- [Waratah bushland bloom](https://grabient.com/waratah-bushland-bloom)

## Other forms

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