# Teal, gray, olive and brown radial gradient

Teal, gray, olive and brown radial gradient with 32 colors: #4a8d7d, #508e6f, #648d55, #838630, #a37908, #ba6c17, #c76434, #cd6243, #d16448, #d36a48, #d37144, #d27c43, #d18747, #d19553, #d1a86a, #d2bd88, #d5d0a8, #daddc3, #dee3d3, #dae0d4, #cbd2c5, #b3bead, #97a890, #7e9375, #6d835e, #687b4f, #727b47, #868043, #a08646, #bb8d52, #d19263, #de9670. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYlzV9zjOwFiqwlzBsdRxjAd2lNm`
- Page: https://grabient.com/kYlzV9zjOwFiqwlzBsdRxjAd2lNm?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 3.5 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 | `#4a8d7d` | `oklch(59.45% 0.0730 176.48)` | Perky | black, 5.4 to 1 |
| 2 | `#508e6f` | `oklch(59.59% 0.0813 160.77)` | Green Weed | black, 5.4 to 1 |
| 3 | `#648d55` | `oklch(59.72% 0.0935 137.69)` | Field Time Green | black, 5.4 to 1 |
| 4 | `#838630` | `oklch(59.89% 0.1076 110.87)` | Sacred Sapling | black, 5.3 to 1 |
| 5 | `#a37908` | `oklch(60.17% 0.1216 83.96)` | Nataneyu Gold | black, 5.2 to 1 |
| 6 | `#ba6c17` | `oklch(60.61% 0.1335 60.57)` | Thai Curry | black, 5.2 to 1 |
| 7 | `#c76434` | `oklch(61.26% 0.1411 44.34)` | Determined Orange | black, 5.2 to 1 |
| 8 | `#cd6243` | `oklch(62.08% 0.1439 37.01)` | Arabesque | black, 5.4 to 1 |
| 9 | `#d16448` | `oklch(62.98% 0.1438 35.56)` | Citrus Notes | black, 5.6 to 1 |
| 10 | `#d36a48` | `oklch(64.02% 0.1413 38.50)` | Citrus Notes | black, 5.8 to 1 |
| 11 | `#d37144` | `oklch(65.28% 0.1364 44.42)` | Coral Gold | black, 6.2 to 1 |
| 12 | `#d27c43` | `oklch(66.84% 0.1296 51.92)` | Pumpkin Bread | black, 6.6 to 1 |
| 13 | `#d18747` | `oklch(68.78% 0.1210 59.57)` | Acorn Nut | black, 7.2 to 1 |
| 14 | `#d19553` | `oklch(71.44% 0.1098 66.97)` | Cold Pilsner | black, 8.1 to 1 |
| 15 | `#d1a86a` | `oklch(75.55% 0.0931 76.88)` | Artemis | black, 9.5 to 1 |
| 16 | `#d2bd88` | `oklch(80.38% 0.0732 88.48)` | Dry Leaf | black, 11.3 to 1 |
| 17 | `#d5d0a8` | `oklch(85.08% 0.0528 100.51)` | Heart of Palm | black, 13.3 to 1 |
| 18 | `#daddc3` | `oklch(88.80% 0.0348 111.70)` | Planet Earth | black, 15 to 1 |
| 19 | `#dee3d3` | `oklch(90.67% 0.0220 120.79)` | Water Lily | black, 15.9 to 1 |
| 20 | `#dae0d4` | `oklch(89.78% 0.0169 126.78)` | Angel’s Whisper | black, 15.5 to 1 |
| 21 | `#cbd2c5` | `oklch(85.45% 0.0193 131.26)` | Parakeet Pete | black, 13.5 to 1 |
| 22 | `#b3bead` | `oklch(78.77% 0.0270 134.45)` | Flagstaff Green | black, 10.8 to 1 |
| 23 | `#97a890` | `oklch(71.10% 0.0378 136.01)` | Green Amazons | black, 8.3 to 1 |
| 24 | `#7e9375` | `oklch(63.80% 0.0498 135.62)` | Chic Shade | black, 6.3 to 1 |
| 25 | `#6d835e` | `oklch(58.22% 0.0608 132.94)` | Bladerunner | black, 5 to 1 |
| 26 | `#687b4f` | `oklch(55.69% 0.0689 127.58)` | Mint Leaves | white, 4.6 to 1 |
| 27 | `#727b47` | `oklch(56.31% 0.0757 117.49)` | Plant Green | black, 4.6 to 1 |
| 28 | `#868043` | `oklch(59.04% 0.0823 103.41)` | Basil Chiffonade | black, 5.1 to 1 |
| 29 | `#a08646` | `oklch(63.03% 0.0884 87.41)` | Madagascar | black, 5.9 to 1 |
| 30 | `#bb8d52` | `oklch(67.37% 0.0939 71.56)` | Summer Weasel | black, 7 to 1 |
| 31 | `#d19263` | `oklch(71.20% 0.0985 57.94)` | Whiskey | black, 8 to 1 |
| 32 | `#de9670` | `oklch(73.62% 0.1020 48.62)` | Baked Salmon | black, 8.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4a8d7d 0.0%, #508e6f 3.2%, #648d55 6.5%, #838630 9.7%, #a37908 12.9%, #ba6c17 16.1%, #c76434 19.4%, #cd6243 22.6%, #d16448 25.8%, #d36a48 29.0%, #d37144 32.3%, #d27c43 35.5%, #d18747 38.7%, #d19553 41.9%, #d1a86a 45.2%, #d2bd88 48.4%, #d5d0a8 51.6%, #daddc3 54.8%, #dee3d3 58.1%, #dae0d4 61.3%, #cbd2c5 64.5%, #b3bead 67.7%, #97a890 71.0%, #7e9375 74.2%, #6d835e 77.4%, #687b4f 80.6%, #727b47 83.9%, #868043 87.1%, #a08646 90.3%, #bb8d52 93.5%, #d19263 96.8%, #de9670 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(59.45% 0.0730 176.48) 0.0%, oklch(59.59% 0.0813 160.77) 3.2%, oklch(59.72% 0.0935 137.69) 6.5%, oklch(59.89% 0.1076 110.87) 9.7%, oklch(60.17% 0.1216 83.96) 12.9%, oklch(60.61% 0.1335 60.57) 16.1%, oklch(61.26% 0.1411 44.34) 19.4%, oklch(62.08% 0.1439 37.01) 22.6%, oklch(62.98% 0.1438 35.56) 25.8%, oklch(64.02% 0.1413 38.50) 29.0%, oklch(65.28% 0.1364 44.42) 32.3%, oklch(66.84% 0.1296 51.92) 35.5%, oklch(68.78% 0.1210 59.57) 38.7%, oklch(71.44% 0.1098 66.97) 41.9%, oklch(75.55% 0.0931 76.88) 45.2%, oklch(80.38% 0.0732 88.48) 48.4%, oklch(85.08% 0.0528 100.51) 51.6%, oklch(88.80% 0.0348 111.70) 54.8%, oklch(90.67% 0.0220 120.79) 58.1%, oklch(89.78% 0.0169 126.78) 61.3%, oklch(85.45% 0.0193 131.26) 64.5%, oklch(78.77% 0.0270 134.45) 67.7%, oklch(71.10% 0.0378 136.01) 71.0%, oklch(63.80% 0.0498 135.62) 74.2%, oklch(58.22% 0.0608 132.94) 77.4%, oklch(55.69% 0.0689 127.58) 80.6%, oklch(56.31% 0.0757 117.49) 83.9%, oklch(59.04% 0.0823 103.41) 87.1%, oklch(63.03% 0.0884 87.41) 90.3%, oklch(67.37% 0.0939 71.56) 93.5%, oklch(71.20% 0.0985 57.94) 96.8%, oklch(73.62% 0.1020 48.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.073 | 176.5 |
| 2 | 0.614 | 0.142 | 42.3 |
| 3 | 0.697 | 0.117 | 62.4 |
| 4 | 0.906 | 0.018 | 124.7 |
| 5 | 0.559 | 0.068 | 128.9 |
| 6 | 0.736 | 0.102 | 48.6 |

## Other forms

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