# Green, red, gray and brown radial gradient

Green, red, gray and brown radial gradient with 48 colors: #409777, #44966e, #4a9363, #549053, #608b40, #6d8426, #7b7c00, #867300, #8d6a00, #946100, #9b5800, #a24d00, #aa4000, #af3410, #af3021, #af2e2a, #af302c, #af352a, #af3e23, #ae4818, #aa540c, #a5610b, #9e6e1a, #967a2e, #8d8443, #868d58, #82936a, #819979, #839c85, #879f8e, #8aa194, #8ca297, #8da397, #8ca395, #8aa391, #88a28a, #87a080, #899d73, #8e9963, #969352, #9f8b3f, #aa812d, #b3771f, #bb6c1b, #c26121, #c6572c, #c84f37, #c9493f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUnEd2QDwvdgK0DJvC_A`
- Page: https://grabient.com/kUnEd2QDwvdgK0DJvC_A?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: vivid
- 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 | `#409777` | `oklch(61.42% 0.0978 165.94)` | Good Luck | black, 5.9 to 1 |
| 2 | `#44966e` | `oklch(60.96% 0.1006 160.41)` | Ocean Green | black, 5.8 to 1 |
| 3 | `#4a9363` | `oklch(60.33% 0.1046 152.94)` | Illuminati Green | black, 5.6 to 1 |
| 4 | `#549053` | `oklch(59.55% 0.1096 143.85)` | Ineffable Forest | black, 5.4 to 1 |
| 5 | `#608b40` | `oklch(58.66% 0.1152 133.48)` | Hidden Paradise | black, 5.2 to 1 |
| 6 | `#6d8426` | `oklch(57.68% 0.1215 122.14)` | Sun Valley | black, 4.9 to 1 |
| 7 | `#7b7c00` | `oklch(56.65% 0.1238 110.15)` | Verde Tropa | black, 4.7 to 1 |
| 8 | `#867300` | `oklch(55.59% 0.1149 97.85)` | Soft Fig | white, 4.7 to 1 |
| 9 | `#8d6a00` | `oklch(54.55% 0.1117 85.55)` | Muddy Brown | white, 4.9 to 1 |
| 10 | `#946100` | `oklch(53.56% 0.1137 73.59)` | Raw Sienna | white, 5.2 to 1 |
| 11 | `#9b5800` | `oklch(52.64% 0.1208 62.28)` | Sepia Wash | white, 5.5 to 1 |
| 12 | `#a24d00` | `oklch(51.82% 0.1333 51.97)` | Burnt Bagel | white, 5.8 to 1 |
| 13 | `#aa4000` | `oklch(51.15% 0.1516 42.97)` | Donkey Kong | white, 6.1 to 1 |
| 14 | `#af3410` | `oklch(50.65% 0.1650 35.64)` | Grilled Tomato | white, 6.3 to 1 |
| 15 | `#af3021` | `oklch(50.35% 0.1665 30.23)` | Cardinal’s Cassock | white, 6.4 to 1 |
| 16 | `#af2e2a` | `oklch(50.29% 0.1664 27.10)` | Tartan Red | white, 6.4 to 1 |
| 17 | `#af302c` | `oklch(50.50% 0.1645 26.61)` | Tartan Red | white, 6.3 to 1 |
| 18 | `#af352a` | `oklch(51.04% 0.1601 29.18)` | Cardinal’s Cassock | white, 6.2 to 1 |
| 19 | `#af3e23` | `oklch(51.88% 0.1535 34.56)` | Crimson Blaze | white, 5.9 to 1 |
| 20 | `#ae4818` | `oklch(52.98% 0.1449 42.30)` | Funky Monkey | white, 5.6 to 1 |
| 21 | `#aa540c` | `oklch(54.29% 0.1348 51.98)` | Brandy Bear | white, 5.2 to 1 |
| 22 | `#a5610b` | `oklch(55.77% 0.1236 63.17)` | Raw Umber | white, 4.8 to 1 |
| 23 | `#9e6e1a` | `oklch(57.36% 0.1116 75.44)` | Cinnamon Brown | black, 4.6 to 1 |
| 24 | `#967a2e` | `oklch(59.02% 0.0991 88.37)` | Fernweh | black, 5 to 1 |
| 25 | `#8d8443` | `oklch(60.71% 0.0866 101.51)` | Galia Melon | black, 5.5 to 1 |
| 26 | `#868d58` | `oklch(62.37% 0.0744 114.45)` | Crocodile Smile | black, 5.9 to 1 |
| 27 | `#82936a` | `oklch(63.96% 0.0630 126.74)` | Green Eyes | black, 6.3 to 1 |
| 28 | `#819979` | `oklch(65.43% 0.0526 137.97)` | Eat Your Peas | black, 6.7 to 1 |
| 29 | `#839c85` | `oklch(66.74% 0.0436 147.71)` | Track Green | black, 7 to 1 |
| 30 | `#879f8e` | `oklch(67.83% 0.0365 155.51)` | Australian Jade | black, 7.3 to 1 |
| 31 | `#8aa194` | `oklch(68.66% 0.0315 160.96)` | Modern Mint | black, 7.5 to 1 |
| 32 | `#8ca297` | `oklch(69.19% 0.0291 163.63)` | Morning Blue | black, 7.7 to 1 |
| 33 | `#8da397` | `oklch(69.39% 0.0295 163.24)` | Morning Blue | black, 7.7 to 1 |
| 34 | `#8ca395` | `oklch(69.31% 0.0326 160.26)` | Wintessa | black, 7.7 to 1 |
| 35 | `#8aa391` | `oklch(68.99% 0.0378 155.02)` | Wintessa | black, 7.6 to 1 |
| 36 | `#88a28a` | `oklch(68.46% 0.0450 147.85)` | Gallery Green | black, 7.5 to 1 |
| 37 | `#87a080` | `oklch(67.76% 0.0538 139.07)` | Grey Green | black, 7.3 to 1 |
| 38 | `#899d73` | `oklch(66.92% 0.0639 128.99)` | Usuao Blue | black, 7.1 to 1 |
| 39 | `#8e9963` | `oklch(65.97% 0.0749 117.94)` | Reptilian Leader | black, 6.8 to 1 |
| 40 | `#969352` | `oklch(64.94% 0.0866 106.24)` | Ancient Maze | black, 6.5 to 1 |
| 41 | `#9f8b3f` | `oklch(63.87% 0.0987 94.21)` | Ecru Olive | black, 6.2 to 1 |
| 42 | `#aa812d` | `oklch(62.79% 0.1107 82.16)` | Bronze Leaf | black, 5.8 to 1 |
| 43 | `#b3771f` | `oklch(61.72% 0.1224 70.42)` | Sweet Mulled Cider | black, 5.5 to 1 |
| 44 | `#bb6c1b` | `oklch(60.72% 0.1336 59.30)` | Thai Curry | black, 5.2 to 1 |
| 45 | `#c26121` | `oklch(59.80% 0.1437 49.13)` | Storybook Sundown | black, 5 to 1 |
| 46 | `#c6572c` | `oklch(58.99% 0.1526 40.23)` | Raucous Orange | black, 4.7 to 1 |
| 47 | `#c84f37` | `oklch(58.34% 0.1599 32.91)` | Fox | black, 4.6 to 1 |
| 48 | `#c9493f` | `oklch(57.87% 0.1654 27.50)` | Terra Cotta Red | white, 4.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #409777 0.0%, #44966e 2.1%, #4a9363 4.3%, #549053 6.4%, #608b40 8.5%, #6d8426 10.6%, #7b7c00 12.8%, #867300 14.9%, #8d6a00 17.0%, #946100 19.1%, #9b5800 21.3%, #a24d00 23.4%, #aa4000 25.5%, #af3410 27.7%, #af3021 29.8%, #af2e2a 31.9%, #af302c 34.0%, #af352a 36.2%, #af3e23 38.3%, #ae4818 40.4%, #aa540c 42.6%, #a5610b 44.7%, #9e6e1a 46.8%, #967a2e 48.9%, #8d8443 51.1%, #868d58 53.2%, #82936a 55.3%, #819979 57.4%, #839c85 59.6%, #879f8e 61.7%, #8aa194 63.8%, #8ca297 66.0%, #8da397 68.1%, #8ca395 70.2%, #8aa391 72.3%, #88a28a 74.5%, #87a080 76.6%, #899d73 78.7%, #8e9963 80.9%, #969352 83.0%, #9f8b3f 85.1%, #aa812d 87.2%, #b3771f 89.4%, #bb6c1b 91.5%, #c26121 93.6%, #c6572c 95.7%, #c84f37 97.9%, #c9493f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.0978 165.94) 0.0%, oklch(60.96% 0.1006 160.41) 2.1%, oklch(60.33% 0.1046 152.94) 4.3%, oklch(59.55% 0.1096 143.85) 6.4%, oklch(58.66% 0.1152 133.48) 8.5%, oklch(57.68% 0.1215 122.14) 10.6%, oklch(56.65% 0.1238 110.15) 12.8%, oklch(55.59% 0.1149 97.85) 14.9%, oklch(54.55% 0.1117 85.55) 17.0%, oklch(53.56% 0.1137 73.59) 19.1%, oklch(52.64% 0.1208 62.28) 21.3%, oklch(51.82% 0.1333 51.97) 23.4%, oklch(51.15% 0.1516 42.97) 25.5%, oklch(50.65% 0.1650 35.64) 27.7%, oklch(50.35% 0.1665 30.23) 29.8%, oklch(50.29% 0.1664 27.10) 31.9%, oklch(50.50% 0.1645 26.61) 34.0%, oklch(51.04% 0.1601 29.18) 36.2%, oklch(51.88% 0.1535 34.56) 38.3%, oklch(52.98% 0.1449 42.30) 40.4%, oklch(54.29% 0.1348 51.98) 42.6%, oklch(55.77% 0.1236 63.17) 44.7%, oklch(57.36% 0.1116 75.44) 46.8%, oklch(59.02% 0.0991 88.37) 48.9%, oklch(60.71% 0.0866 101.51) 51.1%, oklch(62.37% 0.0744 114.45) 53.2%, oklch(63.96% 0.0630 126.74) 55.3%, oklch(65.43% 0.0526 137.97) 57.4%, oklch(66.74% 0.0436 147.71) 59.6%, oklch(67.83% 0.0365 155.51) 61.7%, oklch(68.66% 0.0315 160.96) 63.8%, oklch(69.19% 0.0291 163.63) 66.0%, oklch(69.39% 0.0295 163.24) 68.1%, oklch(69.31% 0.0326 160.26) 70.2%, oklch(68.99% 0.0378 155.02) 72.3%, oklch(68.46% 0.0450 147.85) 74.5%, oklch(67.76% 0.0538 139.07) 76.6%, oklch(66.92% 0.0639 128.99) 78.7%, oklch(65.97% 0.0749 117.94) 80.9%, oklch(64.94% 0.0866 106.24) 83.0%, oklch(63.87% 0.0987 94.21) 85.1%, oklch(62.79% 0.1107 82.16) 87.2%, oklch(61.72% 0.1224 70.42) 89.4%, oklch(60.72% 0.1336 59.30) 91.5%, oklch(59.80% 0.1437 49.13) 93.6%, oklch(58.99% 0.1526 40.23) 95.7%, oklch(58.34% 0.1599 32.91) 97.9%, oklch(57.87% 0.1654 27.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.098 | 165.9 |
| 2 | 0.504 | 0.165 | 26.4 |
| 3 | 0.693 | 0.029 | 163.8 |
| 4 | 0.579 | 0.165 | 27.5 |

## Other forms

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