# Brown, red and light green radial gradient

Brown, red and light green radial gradient with 32 colors: #270108, #2c0406, #300b05, #351504, #3a1e04, #3f2706, #452e05, #4f3300, #5a3700, #683800, #7a3700, #8e2f00, #a61b00, #b21a1e, #b92638, #bd344f, #c04361, #c3506c, #c85b70, #cf666b, #d5715a, #d58240, #c9972f, #b4ab3d, #9dbd5c, #8dca76, #8ad489, #8fde96, #9ae79e, #a6eea4, #b2f5a8, #b8faad. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYLTEKKZfHTzCunPsT4Yi9OXUsQI`
- Page: https://grabient.com/kYLTEKKZfHTzCunPsT4Yi9OXUsQI?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 15.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 | `#270108` | `oklch(17.72% 0.0675 14.06)` | Sepia Black | white, 19.1 to 1 |
| 2 | `#2c0406` | `oklch(19.28% 0.0659 21.77)` | Sepia Black | white, 18.6 to 1 |
| 3 | `#300b05` | `oklch(21.44% 0.0626 33.40)` | 3AM Breakup | white, 17.8 to 1 |
| 4 | `#351504` | `oklch(23.99% 0.0590 46.79)` | Chocolate Melange | white, 16.7 to 1 |
| 5 | `#3a1e04` | `oklch(26.76% 0.0569 59.79)` | Medium Roast | white, 15.3 to 1 |
| 6 | `#3f2706` | `oklch(29.56% 0.0577 70.25)` | Blackened Brown | white, 13.9 to 1 |
| 7 | `#452e05` | `oklch(32.19% 0.0630 76.01)` | Stirland Mud | white, 12.7 to 1 |
| 8 | `#4f3300` | `oklch(34.61% 0.0729 75.39)` | Kyoto House | white, 11.6 to 1 |
| 9 | `#5a3700` | `oklch(37.02% 0.0803 69.84)` | Pineapple | white, 10.6 to 1 |
| 10 | `#683800` | `oklch(39.44% 0.0916 60.99)` | Nutmeg Wood Finish | white, 9.6 to 1 |
| 11 | `#7a3700` | `oklch(41.85% 0.1097 50.60)` | Red Beech | white, 8.8 to 1 |
| 12 | `#8e2f00` | `oklch(44.26% 0.1377 40.42)` | Red Tone Ink | white, 8.1 to 1 |
| 13 | `#a61b00` | `oklch(46.67% 0.1759 32.21)` | Rufous | white, 7.5 to 1 |
| 14 | `#b21a1e` | `oklch(49.09% 0.1850 26.59)` | Siren Scarlet | white, 6.8 to 1 |
| 15 | `#b92638` | `oklch(51.51% 0.1816 20.25)` | Demonic | white, 6.1 to 1 |
| 16 | `#bd344f` | `oklch(53.93% 0.1726 14.09)` | Bleeding Heart | white, 5.5 to 1 |
| 17 | `#c04361` | `oklch(56.35% 0.1608 9.43)` | Mauve It | white, 4.9 to 1 |
| 18 | `#c3506c` | `oklch(58.77% 0.1486 7.64)` | Vibrant Red | black, 4.6 to 1 |
| 19 | `#c85b70` | `oklch(61.17% 0.1387 10.04)` | Mon Cher Ami | black, 5.1 to 1 |
| 20 | `#cf666b` | `oklch(63.55% 0.1335 18.25)` | Fuzzy Wuzzy | black, 5.7 to 1 |
| 21 | `#d5715a` | `oklch(65.91% 0.1310 34.50)` | OK Corral | black, 6.3 to 1 |
| 22 | `#d58240` | `oklch(68.25% 0.1299 56.45)` | Clay Terrace | black, 7 to 1 |
| 23 | `#c9972f` | `oklch(70.58% 0.1298 80.92)` | Gomashio Yellow | black, 7.9 to 1 |
| 24 | `#b4ab3d` | `oklch(72.92% 0.1301 104.70)` | Friendly Frog | black, 8.8 to 1 |
| 25 | `#9dbd5c` | `oklch(75.27% 0.1301 124.60)` | Chinese Money Plant | black, 9.8 to 1 |
| 26 | `#8dca76` | `oklch(77.65% 0.1293 137.52)` | Fresh Cut Grass | black, 10.8 to 1 |
| 27 | `#8ad489` | `oklch(80.26% 0.1280 144.01)` | Greek Garden | black, 11.8 to 1 |
| 28 | `#8fde96` | `oklch(83.05% 0.1265 146.26)` | Retro | black, 13 to 1 |
| 29 | `#9ae79e` | `oklch(85.83% 0.1249 145.68)` | Paradise Green | black, 14.2 to 1 |
| 30 | `#a6eea4` | `oklch(88.39% 0.1234 143.66)` | Frosted Hills | black, 15.4 to 1 |
| 31 | `#b2f5a8` | `oklch(90.56% 0.1222 141.59)` | Snappy Green | black, 16.4 to 1 |
| 32 | `#b8faad` | `oklch(92.13% 0.1213 140.87)` | Reindeer Moss | black, 17.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #270108 0.0%, #2c0406 3.2%, #300b05 6.5%, #351504 9.7%, #3a1e04 12.9%, #3f2706 16.1%, #452e05 19.4%, #4f3300 22.6%, #5a3700 25.8%, #683800 29.0%, #7a3700 32.3%, #8e2f00 35.5%, #a61b00 38.7%, #b21a1e 41.9%, #b92638 45.2%, #bd344f 48.4%, #c04361 51.6%, #c3506c 54.8%, #c85b70 58.1%, #cf666b 61.3%, #d5715a 64.5%, #d58240 67.7%, #c9972f 71.0%, #b4ab3d 74.2%, #9dbd5c 77.4%, #8dca76 80.6%, #8ad489 83.9%, #8fde96 87.1%, #9ae79e 90.3%, #a6eea4 93.5%, #b2f5a8 96.8%, #b8faad 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0675 14.06) 0.0%, oklch(19.28% 0.0659 21.77) 3.2%, oklch(21.44% 0.0626 33.40) 6.5%, oklch(23.99% 0.0590 46.79) 9.7%, oklch(26.76% 0.0569 59.79) 12.9%, oklch(29.56% 0.0577 70.25) 16.1%, oklch(32.19% 0.0630 76.01) 19.4%, oklch(34.61% 0.0729 75.39) 22.6%, oklch(37.02% 0.0803 69.84) 25.8%, oklch(39.44% 0.0916 60.99) 29.0%, oklch(41.85% 0.1097 50.60) 32.3%, oklch(44.26% 0.1377 40.42) 35.5%, oklch(46.67% 0.1759 32.21) 38.7%, oklch(49.09% 0.1850 26.59) 41.9%, oklch(51.51% 0.1816 20.25) 45.2%, oklch(53.93% 0.1726 14.09) 48.4%, oklch(56.35% 0.1608 9.43) 51.6%, oklch(58.77% 0.1486 7.64) 54.8%, oklch(61.17% 0.1387 10.04) 58.1%, oklch(63.55% 0.1335 18.25) 61.3%, oklch(65.91% 0.1310 34.50) 64.5%, oklch(68.25% 0.1299 56.45) 67.7%, oklch(70.58% 0.1298 80.92) 71.0%, oklch(72.92% 0.1301 104.70) 74.2%, oklch(75.27% 0.1301 124.60) 77.4%, oklch(77.65% 0.1293 137.52) 80.6%, oklch(80.26% 0.1280 144.01) 83.9%, oklch(83.05% 0.1265 146.26) 87.1%, oklch(85.83% 0.1249 145.68) 90.3%, oklch(88.39% 0.1234 143.66) 93.5%, oklch(90.56% 0.1222 141.59) 96.8%, oklch(92.13% 0.1213 140.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.068 | 14.1 |
| 2 | 0.327 | 0.065 | 76.4 |
| 3 | 0.476 | 0.183 | 29.9 |
| 4 | 0.626 | 0.135 | 14.1 |
| 5 | 0.772 | 0.13 | 135.6 |
| 6 | 0.921 | 0.121 | 140.9 |

## Other forms

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