# Orange, brown and teal radial gradient

Orange, brown and teal radial gradient with 32 colors: #d74433, #d6492d, #d65125, #d5591c, #d46311, #d16c09, #ce7509, #c97c13, #c5821e, #c08628, #ba872f, #b58634, #b08138, #aa7a3a, #a2713c, #9a683d, #91603d, #88593d, #80533b, #784e39, #734d37, #6f4e35, #6c5234, #695936, #65613d, #5f6b49, #597559, #537e6d, #528580, #578a91, #5f8e9e, #6690a6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUl4cV06rFjmVvTQFNTg`
- Page: https://grabient.com/kUl4cV06rFjmVvTQFNTg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.3 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 | `#d74433` | `oklch(59.45% 0.1860 30.23)` | Scarlet Rebels | black, 4.7 to 1 |
| 2 | `#d6492d` | `oklch(59.92% 0.1820 33.26)` | Spicy Orange | black, 4.8 to 1 |
| 3 | `#d65125` | `oklch(60.68% 0.1769 37.51)` | Obstinate Orange | black, 5 to 1 |
| 4 | `#d5591c` | `oklch(61.62% 0.1707 42.68)` | Tomato Bisque | black, 5.2 to 1 |
| 5 | `#d46311` | `oklch(62.66% 0.1639 48.44)` | Ancient Bamboo | black, 5.5 to 1 |
| 6 | `#d16c09` | `oklch(63.71% 0.1565 54.46)` | Autumn Maple | black, 5.8 to 1 |
| 7 | `#ce7509` | `oklch(64.68% 0.1488 60.42)` | Tree Sap | black, 6.1 to 1 |
| 8 | `#c97c13` | `oklch(65.48% 0.1410 66.01)` | Seabuckthorn Yellow Brown | black, 6.3 to 1 |
| 9 | `#c5821e` | `oklch(66.01% 0.1333 70.90)` | Turmeric Brown | black, 6.5 to 1 |
| 10 | `#c08628` | `oklch(66.20% 0.1260 74.77)` | Gordal Olive | black, 6.6 to 1 |
| 11 | `#ba872f` | `oklch(65.95% 0.1192 77.30)` | Burnished Copper | black, 6.6 to 1 |
| 12 | `#b58634` | `oklch(65.11% 0.1130 77.90)` | Brass Yellow | black, 6.4 to 1 |
| 13 | `#b08138` | `oklch(63.55% 0.1066 75.86)` | Weissbier | black, 6 to 1 |
| 14 | `#aa7a3a` | `oklch(61.42% 0.1000 71.86)` | Rich Sorrel | black, 5.5 to 1 |
| 15 | `#a2713c` | `oklch(58.91% 0.0935 66.61)` | Splinter | black, 4.9 to 1 |
| 16 | `#9a683d` | `oklch(56.18% 0.0872 60.87)` | Frappé au Chocolat | white, 4.7 to 1 |
| 17 | `#91603d` | `oklch(53.43% 0.0810 55.36)` | Carmel | white, 5.3 to 1 |
| 18 | `#88593d` | `oklch(50.81% 0.0753 50.84)` | Hope Chest | white, 5.9 to 1 |
| 19 | `#80533b` | `oklch(48.51% 0.0700 48.03)` | Dachshund | white, 6.5 to 1 |
| 20 | `#784e39` | `oklch(46.70% 0.0653 47.67)` | Walnut Wood | white, 7 to 1 |
| 21 | `#734d37` | `oklch(45.57% 0.0614 50.51)` | Seed Brown | white, 7.4 to 1 |
| 22 | `#6f4e35` | `oklch(45.28% 0.0583 57.32)` | Coffee | white, 7.4 to 1 |
| 23 | `#6c5234` | `oklch(45.82% 0.0562 68.91)` | Cowboy Boots | white, 7.2 to 1 |
| 24 | `#695936` | `oklch(47.04% 0.0548 84.54)` | Beach Casuarina | white, 6.8 to 1 |
| 25 | `#65613d` | `oklch(48.79% 0.0542 103.20)` | Verdigris Foncé | white, 6.2 to 1 |
| 26 | `#5f6b49` | `oklch(50.91% 0.0541 123.86)` | Bonza Green | white, 5.6 to 1 |
| 27 | `#597559` | `oklch(53.25% 0.0543 145.48)` | Elm Green | white, 5 to 1 |
| 28 | `#537e6d` | `oklch(55.67% 0.0548 167.04)` | Gremolata | white, 4.5 to 1 |
| 29 | `#528580` | `oklch(58.00% 0.0554 187.51)` | Jericho Jade | black, 5 to 1 |
| 30 | `#578a91` | `oklch(60.10% 0.0560 205.85)` | Dusty Turquoise | black, 5.4 to 1 |
| 31 | `#5f8e9e` | `oklch(61.82% 0.0564 221.05)` | Georgian Revival Blue | black, 5.8 to 1 |
| 32 | `#6690a6` | `oklch(62.99% 0.0565 232.07)` | Blue Cruise | black, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d74433 0.0%, #d6492d 3.2%, #d65125 6.5%, #d5591c 9.7%, #d46311 12.9%, #d16c09 16.1%, #ce7509 19.4%, #c97c13 22.6%, #c5821e 25.8%, #c08628 29.0%, #ba872f 32.3%, #b58634 35.5%, #b08138 38.7%, #aa7a3a 41.9%, #a2713c 45.2%, #9a683d 48.4%, #91603d 51.6%, #88593d 54.8%, #80533b 58.1%, #784e39 61.3%, #734d37 64.5%, #6f4e35 67.7%, #6c5234 71.0%, #695936 74.2%, #65613d 77.4%, #5f6b49 80.6%, #597559 83.9%, #537e6d 87.1%, #528580 90.3%, #578a91 93.5%, #5f8e9e 96.8%, #6690a6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(59.45% 0.1860 30.23) 0.0%, oklch(59.92% 0.1820 33.26) 3.2%, oklch(60.68% 0.1769 37.51) 6.5%, oklch(61.62% 0.1707 42.68) 9.7%, oklch(62.66% 0.1639 48.44) 12.9%, oklch(63.71% 0.1565 54.46) 16.1%, oklch(64.68% 0.1488 60.42) 19.4%, oklch(65.48% 0.1410 66.01) 22.6%, oklch(66.01% 0.1333 70.90) 25.8%, oklch(66.20% 0.1260 74.77) 29.0%, oklch(65.95% 0.1192 77.30) 32.3%, oklch(65.11% 0.1130 77.90) 35.5%, oklch(63.55% 0.1066 75.86) 38.7%, oklch(61.42% 0.1000 71.86) 41.9%, oklch(58.91% 0.0935 66.61) 45.2%, oklch(56.18% 0.0872 60.87) 48.4%, oklch(53.43% 0.0810 55.36) 51.6%, oklch(50.81% 0.0753 50.84) 54.8%, oklch(48.51% 0.0700 48.03) 58.1%, oklch(46.70% 0.0653 47.67) 61.3%, oklch(45.57% 0.0614 50.51) 64.5%, oklch(45.28% 0.0583 57.32) 67.7%, oklch(45.82% 0.0562 68.91) 71.0%, oklch(47.04% 0.0548 84.54) 74.2%, oklch(48.79% 0.0542 103.20) 77.4%, oklch(50.91% 0.0541 123.86) 80.6%, oklch(53.25% 0.0543 145.48) 83.9%, oklch(55.67% 0.0548 167.04) 87.1%, oklch(58.00% 0.0554 187.51) 90.3%, oklch(60.10% 0.0560 205.85) 93.5%, oklch(61.82% 0.0564 221.05) 96.8%, oklch(62.99% 0.0565 232.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.186 | 30.2 |
| 2 | 0.657 | 0.117 | 77.8 |
| 3 | 0.453 | 0.059 | 54.5 |
| 4 | 0.63 | 0.056 | 232.1 |

## In these collections

- [Tomato vine abundance](https://grabient.com/tomato-vine-abundance)

## Other forms

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