# Orange, brown, teal and gray radial gradient

Orange, brown, teal and gray radial gradient with 32 colors: #ea9d3f, #e7983d, #e2913b, #dc8939, #d58137, #cc7936, #c27335, #b66d35, #a86838, #98623a, #885d3c, #79583c, #6b543a, #5f5038, #524d36, #454b35, #394837, #2f463b, #27433e, #234140, #1f4042, #1a4145, #154247, #10444a, #0e464c, #11494f, #1b4c53, #275056, #33555a, #3e595d, #475d60, #4d5f62. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYwGYwT60-jmQwetDU2rxTCDwIwA`
- Page: https://grabient.com/kYwGYwT60-jmQwetDU2rxTCDwIwA?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: dark center
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.9 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 | `#ea9d3f` | `oklch(75.59% 0.1406 67.50)` | Gorse Yellow Orange | black, 9.3 to 1 |
| 2 | `#e7983d` | `oklch(74.28% 0.1395 65.97)` | Roasted Chestnut | black, 8.9 to 1 |
| 3 | `#e2913b` | `oklch(72.51% 0.1386 63.60)` | Orange Drop | black, 8.3 to 1 |
| 4 | `#dc8939` | `oklch(70.40% 0.1374 60.90)` | Kanafeh | black, 7.7 to 1 |
| 5 | `#d58137` | `oklch(68.06% 0.1351 58.37)` | Clay Terrace | black, 7 to 1 |
| 6 | `#cc7936` | `oklch(65.58% 0.1314 56.51)` | Ochre Maroon | black, 6.3 to 1 |
| 7 | `#c27335` | `oklch(63.09% 0.1255 55.83)` | Tomato Cream | black, 5.7 to 1 |
| 8 | `#b66d35` | `oklch(60.52% 0.1164 55.94)` | Reno Sand | black, 5.2 to 1 |
| 9 | `#a86838` | `oklch(57.66% 0.1037 55.73)` | Camel Brown | black, 4.6 to 1 |
| 10 | `#98623a` | `oklch(54.65% 0.0889 56.02)` | Ash Brown | white, 5 to 1 |
| 11 | `#885d3c` | `oklch(51.64% 0.0737 57.71)` | Cocoa | white, 5.7 to 1 |
| 12 | `#79583c` | `oklch(48.77% 0.0598 61.68)` | Emperador | white, 6.4 to 1 |
| 13 | `#6b543a` | `oklch(46.19% 0.0487 68.83)` | Graveyard Earth | white, 7.1 to 1 |
| 14 | `#5f5038` | `oklch(43.98% 0.0417 80.53)` | Longboat | white, 7.8 to 1 |
| 15 | `#524d36` | `oklch(41.92% 0.0373 98.15)` | Jungle King | white, 8.4 to 1 |
| 16 | `#454b35` | `oklch(40.04% 0.0350 119.53)` | Matsuba Green | white, 9.1 to 1 |
| 17 | `#394837` | `oklch(38.37% 0.0342 142.16)` | Copper Pyrite Green | white, 9.7 to 1 |
| 18 | `#2f463b` | `oklch(36.98% 0.0345 163.55)` | Bracken Fern | white, 10.2 to 1 |
| 19 | `#27433e` | `oklch(35.90% 0.0353 181.24)` | Westhaven | white, 10.7 to 1 |
| 20 | `#234140` | `oklch(35.20% 0.0364 192.99)` | Pine Hollow | white, 11 to 1 |
| 21 | `#1f4042` | `oklch(34.85% 0.0395 200.07)` | Pine Hollow | white, 11.1 to 1 |
| 22 | `#1a4145` | `oklch(34.81% 0.0441 203.90)` | Tiber | white, 11.1 to 1 |
| 23 | `#154247` | `oklch(35.07% 0.0491 205.52)` | Tiber | white, 11 to 1 |
| 24 | `#10444a` | `oklch(35.58% 0.0535 205.95)` | Incubi Darkness | white, 10.8 to 1 |
| 25 | `#0e464c` | `oklch(36.30% 0.0562 206.21)` | Incubi Darkness | white, 10.4 to 1 |
| 26 | `#11494f` | `oklch(37.21% 0.0562 207.28)` | Sherpa Blue | white, 10.1 to 1 |
| 27 | `#1b4c53` | `oklch(38.60% 0.0530 208.28)` | Iron Teal | white, 9.5 to 1 |
| 28 | `#275056` | `oklch(40.42% 0.0474 208.66)` | Pāua Shell | white, 8.8 to 1 |
| 29 | `#33555a` | `oklch(42.43% 0.0405 208.63)` | Frozen Stream | white, 8.1 to 1 |
| 30 | `#3e595d` | `oklch(44.39% 0.0335 208.38)` | Otter Creek | white, 7.5 to 1 |
| 31 | `#475d60` | `oklch(46.08% 0.0275 208.12)` | Still Waters Run Deep | white, 7 to 1 |
| 32 | `#4d5f62` | `oklch(47.24% 0.0234 208.05)` | Marine Magic | white, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ea9d3f 0.0%, #e7983d 3.2%, #e2913b 6.5%, #dc8939 9.7%, #d58137 12.9%, #cc7936 16.1%, #c27335 19.4%, #b66d35 22.6%, #a86838 25.8%, #98623a 29.0%, #885d3c 32.3%, #79583c 35.5%, #6b543a 38.7%, #5f5038 41.9%, #524d36 45.2%, #454b35 48.4%, #394837 51.6%, #2f463b 54.8%, #27433e 58.1%, #234140 61.3%, #1f4042 64.5%, #1a4145 67.7%, #154247 71.0%, #10444a 74.2%, #0e464c 77.4%, #11494f 80.6%, #1b4c53 83.9%, #275056 87.1%, #33555a 90.3%, #3e595d 93.5%, #475d60 96.8%, #4d5f62 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(75.59% 0.1406 67.50) 0.0%, oklch(74.28% 0.1395 65.97) 3.2%, oklch(72.51% 0.1386 63.60) 6.5%, oklch(70.40% 0.1374 60.90) 9.7%, oklch(68.06% 0.1351 58.37) 12.9%, oklch(65.58% 0.1314 56.51) 16.1%, oklch(63.09% 0.1255 55.83) 19.4%, oklch(60.52% 0.1164 55.94) 22.6%, oklch(57.66% 0.1037 55.73) 25.8%, oklch(54.65% 0.0889 56.02) 29.0%, oklch(51.64% 0.0737 57.71) 32.3%, oklch(48.77% 0.0598 61.68) 35.5%, oklch(46.19% 0.0487 68.83) 38.7%, oklch(43.98% 0.0417 80.53) 41.9%, oklch(41.92% 0.0373 98.15) 45.2%, oklch(40.04% 0.0350 119.53) 48.4%, oklch(38.37% 0.0342 142.16) 51.6%, oklch(36.98% 0.0345 163.55) 54.8%, oklch(35.90% 0.0353 181.24) 58.1%, oklch(35.20% 0.0364 192.99) 61.3%, oklch(34.85% 0.0395 200.07) 64.5%, oklch(34.81% 0.0441 203.90) 67.7%, oklch(35.07% 0.0491 205.52) 71.0%, oklch(35.58% 0.0535 205.95) 74.2%, oklch(36.30% 0.0562 206.21) 77.4%, oklch(37.21% 0.0562 207.28) 80.6%, oklch(38.60% 0.0530 208.28) 83.9%, oklch(40.42% 0.0474 208.66) 87.1%, oklch(42.43% 0.0405 208.63) 90.3%, oklch(44.39% 0.0335 208.38) 93.5%, oklch(46.08% 0.0275 208.12) 96.8%, oklch(47.24% 0.0234 208.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.756 | 0.141 | 67.5 |
| 2 | 0.626 | 0.124 | 55.9 |
| 3 | 0.453 | 0.045 | 72.8 |
| 4 | 0.354 | 0.036 | 189 |
| 5 | 0.37 | 0.056 | 207 |
| 6 | 0.472 | 0.023 | 208 |

## In these collections

- [Kerala riverboat regatta](https://grabient.com/kerala-riverboat-regatta)

## Other forms

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