# Teal, brown and black radial gradient

Teal, brown and black radial gradient with 40 colors: #48736f, #49746c, #4b7567, #4f755f, #577556, #62744c, #6d7143, #796e3d, #846a3a, #8d673c, #946441, #996346, #9c624b, #9e634d, #a0654d, #a16a4c, #a1704a, #9f7849, #9a814d, #928a54, #899360, #7f996f, #769e7d, #70a08a, #6ca094, #699e99, #679a9a, #639397, #5e8a90, #568086, #4d747b, #44676e, #395a61, #2f4d53, #244146, #1b363a, #122b2f, #0a2325, #051b1e, #021618. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUhSOGRx6udKT0mXikDA`
- Page: https://grabient.com/kUhSOGRx6udKT0mXikDA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 6.2 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 | `#48736f` | `oklch(52.36% 0.0482 188.44)` | Sinkhole | white, 5.2 to 1 |
| 2 | `#49746c` | `oklch(52.50% 0.0500 181.07)` | Smoky Emerald | white, 5.2 to 1 |
| 3 | `#4b7567` | `oklch(52.66% 0.0524 170.78)` | Tandayapa Cloud Forest | white, 5.2 to 1 |
| 4 | `#4f755f` | `oklch(52.83% 0.0554 158.16)` | Green Valley | white, 5.1 to 1 |
| 5 | `#577556` | `oklch(53.01% 0.0588 143.85)` | Elm Green | white, 5.1 to 1 |
| 6 | `#62744c` | `oklch(53.22% 0.0624 128.46)` | Dill Pickle | white, 5.1 to 1 |
| 7 | `#6d7143` | `oklch(53.44% 0.0662 112.60)` | Oakmoss | white, 5.1 to 1 |
| 8 | `#796e3d` | `oklch(53.70% 0.0699 96.90)` | Garden Weed | white, 5.1 to 1 |
| 9 | `#846a3a` | `oklch(53.98% 0.0735 81.96)` | By Gum | white, 5 to 1 |
| 10 | `#8d673c` | `oklch(54.29% 0.0767 68.42)` | Beagle Brown | white, 5 to 1 |
| 11 | `#946441` | `oklch(54.64% 0.0796 56.88)` | Antiquarian Brown | white, 5 to 1 |
| 12 | `#996346` | `oklch(55.02% 0.0818 47.97)` | Natural Cork | white, 4.9 to 1 |
| 13 | `#9c624b` | `oklch(55.44% 0.0834 42.30)` | Tuscan Rooftops | white, 4.9 to 1 |
| 14 | `#9e634d` | `oklch(55.91% 0.0841 40.49)` | Tuscan Rooftops | white, 4.8 to 1 |
| 15 | `#a0654d` | `oklch(56.57% 0.0839 42.96)` | Antique Copper | white, 4.6 to 1 |
| 16 | `#a16a4c` | `oklch(57.55% 0.0830 49.28)` | Hazel | black, 4.6 to 1 |
| 17 | `#a1704a` | `oklch(58.76% 0.0815 58.86)` | Cashew | black, 4.9 to 1 |
| 18 | `#9f7849` | `oklch(60.10% 0.0795 71.06)` | Wave of Grain | black, 5.2 to 1 |
| 19 | `#9a814d` | `oklch(61.51% 0.0770 85.26)` | Heart of Gold | black, 5.6 to 1 |
| 20 | `#928a54` | `oklch(62.90% 0.0743 100.86)` | Cornus Green | black, 6 to 1 |
| 21 | `#899360` | `oklch(64.18% 0.0712 117.22)` | Epsom | black, 6.3 to 1 |
| 22 | `#7f996f` | `oklch(65.27% 0.0681 133.74)` | Mesa Verde | black, 6.7 to 1 |
| 23 | `#769e7d` | `oklch(66.09% 0.0649 149.78)` | Aquadulce | black, 6.9 to 1 |
| 24 | `#70a08a` | `oklch(66.55% 0.0618 164.74)` | Peahen | black, 7.1 to 1 |
| 25 | `#6ca094` | `oklch(66.57% 0.0588 177.99)` | Jade Dragon | black, 7.1 to 1 |
| 26 | `#699e99` | `oklch(66.07% 0.0561 188.91)` | Canton | black, 6.9 to 1 |
| 27 | `#679a9a` | `oklch(64.96% 0.0537 196.89)` | Desaturated Cyan | black, 6.6 to 1 |
| 28 | `#639397` | `oklch(63.08% 0.0515 202.36)` | Clear Brook | black, 6.1 to 1 |
| 29 | `#5e8a90` | `oklch(60.41% 0.0492 206.31)` | Dusty Turquoise | black, 5.5 to 1 |
| 30 | `#568086` | `oklch(57.08% 0.0469 208.92)` | La Pineta | black, 4.8 to 1 |
| 31 | `#4d747b` | `oklch(53.24% 0.0445 210.40)` | Vining Ivy | white, 5.1 to 1 |
| 32 | `#44676e` | `oklch(49.02% 0.0422 210.92)` | Mythic Forest | white, 6.1 to 1 |
| 33 | `#395a61` | `oklch(44.57% 0.0399 210.70)` | Autumn Night | white, 7.4 to 1 |
| 34 | `#2f4d53` | `oklch(40.02% 0.0377 209.91)` | Iron Head | white, 9 to 1 |
| 35 | `#244146` | `oklch(35.52% 0.0355 208.76)` | Emerald Forest | white, 10.9 to 1 |
| 36 | `#1b363a` | `oklch(31.19% 0.0335 207.44)` | Cruel Sea | white, 12.9 to 1 |
| 37 | `#122b2f` | `oklch(27.19% 0.0317 206.14)` | Black Chasm | white, 14.8 to 1 |
| 38 | `#0a2325` | `oklch(23.65% 0.0301 205.05)` | Teal Spill | white, 16.4 to 1 |
| 39 | `#051b1e` | `oklch(20.71% 0.0287 204.37)` | Black Stallion | white, 17.7 to 1 |
| 40 | `#021618` | `oklch(18.50% 0.0276 204.29)` | Black Is Back | white, 18.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #48736f 0.0%, #49746c 2.6%, #4b7567 5.1%, #4f755f 7.7%, #577556 10.3%, #62744c 12.8%, #6d7143 15.4%, #796e3d 17.9%, #846a3a 20.5%, #8d673c 23.1%, #946441 25.6%, #996346 28.2%, #9c624b 30.8%, #9e634d 33.3%, #a0654d 35.9%, #a16a4c 38.5%, #a1704a 41.0%, #9f7849 43.6%, #9a814d 46.2%, #928a54 48.7%, #899360 51.3%, #7f996f 53.8%, #769e7d 56.4%, #70a08a 59.0%, #6ca094 61.5%, #699e99 64.1%, #679a9a 66.7%, #639397 69.2%, #5e8a90 71.8%, #568086 74.4%, #4d747b 76.9%, #44676e 79.5%, #395a61 82.1%, #2f4d53 84.6%, #244146 87.2%, #1b363a 89.7%, #122b2f 92.3%, #0a2325 94.9%, #051b1e 97.4%, #021618 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(52.36% 0.0482 188.44) 0.0%, oklch(52.50% 0.0500 181.07) 2.6%, oklch(52.66% 0.0524 170.78) 5.1%, oklch(52.83% 0.0554 158.16) 7.7%, oklch(53.01% 0.0588 143.85) 10.3%, oklch(53.22% 0.0624 128.46) 12.8%, oklch(53.44% 0.0662 112.60) 15.4%, oklch(53.70% 0.0699 96.90) 17.9%, oklch(53.98% 0.0735 81.96) 20.5%, oklch(54.29% 0.0767 68.42) 23.1%, oklch(54.64% 0.0796 56.88) 25.6%, oklch(55.02% 0.0818 47.97) 28.2%, oklch(55.44% 0.0834 42.30) 30.8%, oklch(55.91% 0.0841 40.49) 33.3%, oklch(56.57% 0.0839 42.96) 35.9%, oklch(57.55% 0.0830 49.28) 38.5%, oklch(58.76% 0.0815 58.86) 41.0%, oklch(60.10% 0.0795 71.06) 43.6%, oklch(61.51% 0.0770 85.26) 46.2%, oklch(62.90% 0.0743 100.86) 48.7%, oklch(64.18% 0.0712 117.22) 51.3%, oklch(65.27% 0.0681 133.74) 53.8%, oklch(66.09% 0.0649 149.78) 56.4%, oklch(66.55% 0.0618 164.74) 59.0%, oklch(66.57% 0.0588 177.99) 61.5%, oklch(66.07% 0.0561 188.91) 64.1%, oklch(64.96% 0.0537 196.89) 66.7%, oklch(63.08% 0.0515 202.36) 69.2%, oklch(60.41% 0.0492 206.31) 71.8%, oklch(57.08% 0.0469 208.92) 74.4%, oklch(53.24% 0.0445 210.40) 76.9%, oklch(49.02% 0.0422 210.92) 79.5%, oklch(44.57% 0.0399 210.70) 82.1%, oklch(40.02% 0.0377 209.91) 84.6%, oklch(35.52% 0.0355 208.76) 87.2%, oklch(31.19% 0.0335 207.44) 89.7%, oklch(27.19% 0.0317 206.14) 92.3%, oklch(23.65% 0.0301 205.05) 94.9%, oklch(20.71% 0.0287 204.37) 97.4%, oklch(18.50% 0.0276 204.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.524 | 0.048 | 188.4 |
| 2 | 0.559 | 0.084 | 40.5 |
| 3 | 0.65 | 0.054 | 196.9 |
| 4 | 0.185 | 0.028 | 204.3 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)

## Other forms

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