# Brown, maroon, teal and tan radial gradient

Brown, maroon, teal and tan radial gradient with 32 colors: #c1500d, #b7490b, #aa3e06, #9b3206, #8b280c, #7b2214, #681f16, #541d19, #441b1d, #391b23, #311d2c, #282335, #212a39, #1f323b, #203a3f, #244646, #28534e, #2e6155, #396d59, #48785c, #58835f, #688d62, #799664, #899d64, #99a363, #a9a762, #b6a961, #c1a95e, #c9a559, #cea054, #d29a4f, #d5964d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kckXQftLC-qISvKniy7vRc5tGdO3dozuW6q8w`
- Page: https://grabient.com/kckXQftLC-qISvKniy7vRc5tGdO3dozuW6q8w?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#c1500d` | `oklch(57.09% 0.1598 44.30)` | Crustose Lichen | white, 4.7 to 1 |
| 2 | `#b7490b` | `oklch(54.57% 0.1568 42.96)` | Beef Bourguignon | white, 5.2 to 1 |
| 3 | `#aa3e06` | `oklch(50.98% 0.1530 41.19)` | Rust | white, 6.1 to 1 |
| 4 | `#9b3206` | `oklch(46.89% 0.1472 38.76)` | Chocolate Fondue | white, 7.3 to 1 |
| 5 | `#8b280c` | `oklch(42.88% 0.1385 35.46)` | Saucisson | white, 8.7 to 1 |
| 6 | `#7b2214` | `oklch(39.26% 0.1253 31.85)` | Doombull Brown | white, 10 to 1 |
| 7 | `#681f16` | `oklch(35.31% 0.1060 29.95)` | Brown Moelleux | white, 11.7 to 1 |
| 8 | `#541d19` | `oklch(31.48% 0.0842 26.86)` | Spinel Red | white, 13.3 to 1 |
| 9 | `#441b1d` | `oklch(28.38% 0.0639 19.14)` | Warm Balaclavas Are Forever | white, 14.7 to 1 |
| 10 | `#391b23` | `oklch(26.62% 0.0494 3.33)` | Bruised Plum | white, 15.5 to 1 |
| 11 | `#311d2c` | `oklch(26.24% 0.0399 335.18)` | Delighted Chimp | white, 15.6 to 1 |
| 12 | `#282335` | `oklch(26.89% 0.0337 298.71)` | Cold Steel | white, 15.2 to 1 |
| 13 | `#212a39` | `oklch(28.36% 0.0305 261.09)` | Spinel Stone Black | white, 14.4 to 1 |
| 14 | `#1f323b` | `oklch(30.43% 0.0300 229.47)` | Elderberry Black | white, 13.3 to 1 |
| 15 | `#203a3f` | `oklch(33.13% 0.0328 208.70)` | Royal Neptune | white, 12 to 1 |
| 16 | `#244646` | `oklch(36.78% 0.0400 194.80)` | Ai Indigo | white, 10.3 to 1 |
| 17 | `#28534e` | `oklch(40.96% 0.0493 184.90)` | Sea Moss | white, 8.6 to 1 |
| 18 | `#2e6155` | `oklch(45.21% 0.0584 176.39)` | Eden | white, 7.1 to 1 |
| 19 | `#396d59` | `oklch(49.11% 0.0649 166.82)` | Toad King | white, 6 to 1 |
| 20 | `#48785c` | `oklch(52.98% 0.0694 157.54)` | Como | white, 5.1 to 1 |
| 21 | `#58835f` | `oklch(56.84% 0.0729 149.10)` | Soylent Green | black, 4.8 to 1 |
| 22 | `#688d62` | `oklch(60.50% 0.0761 141.03)` | Succulent Leaves | black, 5.6 to 1 |
| 23 | `#799664` | `oklch(63.75% 0.0794 132.86)` | Lush Highlands | black, 6.3 to 1 |
| 24 | `#899d64` | `oklch(66.59% 0.0831 124.27)` | Tendril | black, 7 to 1 |
| 25 | `#99a363` | `oklch(69.17% 0.0866 115.53)` | Banana Palm | black, 7.7 to 1 |
| 26 | `#a9a762` | `oklch(71.36% 0.0903 106.97)` | Wholemeal Cookie | black, 8.3 to 1 |
| 27 | `#b6a961` | `oklch(72.99% 0.0941 98.92)` | Gimblet | black, 8.8 to 1 |
| 28 | `#c1a95e` | `oklch(73.90% 0.0984 91.58)` | Slender Stem | black, 9 to 1 |
| 29 | `#c9a559` | `oklch(73.87% 0.1035 84.43)` | Excitable | black, 9 to 1 |
| 30 | `#cea054` | `oklch(73.27% 0.1090 77.80)` | Bright Gold | black, 8.7 to 1 |
| 31 | `#d29a4f` | `oklch(72.51% 0.1138 72.22)` | Saffron Strands | black, 8.4 to 1 |
| 32 | `#d5964d` | `oklch(72.05% 0.1171 68.25)` | Georgian Yellow | black, 8.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c1500d 0.0%, #b7490b 3.2%, #aa3e06 6.5%, #9b3206 9.7%, #8b280c 12.9%, #7b2214 16.1%, #681f16 19.4%, #541d19 22.6%, #441b1d 25.8%, #391b23 29.0%, #311d2c 32.3%, #282335 35.5%, #212a39 38.7%, #1f323b 41.9%, #203a3f 45.2%, #244646 48.4%, #28534e 51.6%, #2e6155 54.8%, #396d59 58.1%, #48785c 61.3%, #58835f 64.5%, #688d62 67.7%, #799664 71.0%, #899d64 74.2%, #99a363 77.4%, #a9a762 80.6%, #b6a961 83.9%, #c1a95e 87.1%, #c9a559 90.3%, #cea054 93.5%, #d29a4f 96.8%, #d5964d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(57.09% 0.1598 44.30) 0.0%, oklch(54.57% 0.1568 42.96) 3.2%, oklch(50.98% 0.1530 41.19) 6.5%, oklch(46.89% 0.1472 38.76) 9.7%, oklch(42.88% 0.1385 35.46) 12.9%, oklch(39.26% 0.1253 31.85) 16.1%, oklch(35.31% 0.1060 29.95) 19.4%, oklch(31.48% 0.0842 26.86) 22.6%, oklch(28.38% 0.0639 19.14) 25.8%, oklch(26.62% 0.0494 3.33) 29.0%, oklch(26.24% 0.0399 335.18) 32.3%, oklch(26.89% 0.0337 298.71) 35.5%, oklch(28.36% 0.0305 261.09) 38.7%, oklch(30.43% 0.0300 229.47) 41.9%, oklch(33.13% 0.0328 208.70) 45.2%, oklch(36.78% 0.0400 194.80) 48.4%, oklch(40.96% 0.0493 184.90) 51.6%, oklch(45.21% 0.0584 176.39) 54.8%, oklch(49.11% 0.0649 166.82) 58.1%, oklch(52.98% 0.0694 157.54) 61.3%, oklch(56.84% 0.0729 149.10) 64.5%, oklch(60.50% 0.0761 141.03) 67.7%, oklch(63.75% 0.0794 132.86) 71.0%, oklch(66.59% 0.0831 124.27) 74.2%, oklch(69.17% 0.0866 115.53) 77.4%, oklch(71.36% 0.0903 106.97) 80.6%, oklch(72.99% 0.0941 98.92) 83.9%, oklch(73.90% 0.0984 91.58) 87.1%, oklch(73.87% 0.1035 84.43) 90.3%, oklch(73.27% 0.1090 77.80) 93.5%, oklch(72.51% 0.1138 72.22) 96.8%, oklch(72.05% 0.1171 68.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.16 | 44.3 |
| 2 | 0.413 | 0.134 | 33.7 |
| 3 | 0.268 | 0.051 | 6.3 |
| 4 | 0.311 | 0.03 | -137.5 |
| 5 | 0.48 | 0.063 | -190.3 |
| 6 | 0.642 | 0.08 | -228.3 |
| 7 | 0.736 | 0.096 | -265.3 |
| 8 | 0.72 | 0.117 | -291.8 |

## Other forms

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