# Brown, tan, olive and light blue radial gradient

Brown, tan, olive and light blue radial gradient with 40 colors: #73361d, #793e23, #81472b, #8a5435, #956242, #a07150, #ac805f, #b7906e, #c2a07d, #ccae8b, #d5ba98, #dbc4a2, #dfcba9, #e0ceac, #ddcdaa, #d7c8a3, #cebf99, #c2b48b, #b5a77b, #a69a6b, #988c59, #897f49, #7c7339, #70692c, #656121, #5d5d1a, #575c1a, #535f20, #51652b, #506d39, #517749, #54835b, #5a8f6f, #629b82, #6ca896, #78b3a8, #84beb8, #90c8c7, #9acfd2, #a1d5da. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUaEQebRJEzogQ5qk8qA`
- Page: https://grabient.com/kUaEQebRJEzogQ5qk8qA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#73361d` | `oklch(40.94% 0.0937 42.19)` | Rosewood Brown | white, 9.2 to 1 |
| 2 | `#793e23` | `oklch(43.16% 0.0915 44.04)` | Burnished Russet | white, 8.3 to 1 |
| 3 | `#81472b` | `oklch(46.23% 0.0885 46.36)` | Éclair au Chocolat | white, 7.3 to 1 |
| 4 | `#8a5435` | `oklch(49.98% 0.0848 49.10)` | Burnt Crust | white, 6.1 to 1 |
| 5 | `#956242` | `oklch(54.23% 0.0807 52.18)` | Natural Cork | white, 5.1 to 1 |
| 6 | `#a07150` | `oklch(58.81% 0.0762 55.52)` | Cinnamon Twist | black, 4.9 to 1 |
| 7 | `#ac805f` | `oklch(63.53% 0.0716 59.06)` | Sylvaneth Bark | black, 6 to 1 |
| 8 | `#b7906e` | `oklch(68.23% 0.0670 62.72)` | Café Miel | black, 7.2 to 1 |
| 9 | `#c2a07d` | `oklch(72.71% 0.0626 66.44)` | Real Cork | black, 8.5 to 1 |
| 10 | `#ccae8b` | `oklch(76.82% 0.0585 70.15)` | Raffia Ribbon | black, 9.9 to 1 |
| 11 | `#d5ba98` | `oklch(80.36% 0.0550 73.77)` | Terracotta Sand | black, 11.3 to 1 |
| 12 | `#dbc4a2` | `oklch(83.16% 0.0523 77.23)` | Natural Rice Beige | black, 12.4 to 1 |
| 13 | `#dfcba9` | `oklch(85.04% 0.0504 80.46)` | Sandblast | black, 13.2 to 1 |
| 14 | `#e0ceac` | `oklch(85.83% 0.0496 83.40)` | Boutique Beige | black, 13.6 to 1 |
| 15 | `#ddcdaa` | `oklch(85.31% 0.0501 85.94)` | Fabulous Forties | black, 13.4 to 1 |
| 16 | `#d7c8a3` | `oklch(83.55% 0.0517 88.10)` | Luscious Latte | black, 12.6 to 1 |
| 17 | `#cebf99` | `oklch(80.76% 0.0544 89.98)` | Tumbling Tumbleweed | black, 11.5 to 1 |
| 18 | `#c2b48b` | `oklch(77.17% 0.0578 91.67)` | Modish Moss | black, 10.2 to 1 |
| 19 | `#b5a77b` | `oklch(73.01% 0.0617 93.26)` | Texas Sage | black, 8.8 to 1 |
| 20 | `#a69a6b` | `oklch(68.49% 0.0661 94.86)` | Stilted Stalks | black, 7.4 to 1 |
| 21 | `#988c59` | `oklch(63.84% 0.0705 96.55)` | In a Pickle | black, 6.2 to 1 |
| 22 | `#897f49` | `oklch(59.28% 0.0749 98.43)` | Green Moss | black, 5.1 to 1 |
| 23 | `#7c7339` | `oklch(55.04% 0.0790 100.60)` | Trellis Climber | white, 4.8 to 1 |
| 24 | `#70692c` | `oklch(51.33% 0.0826 103.15)` | Safari Green | white, 5.6 to 1 |
| 25 | `#656121` | `oklch(48.38% 0.0854 106.18)` | Greenish Brown | white, 6.3 to 1 |
| 26 | `#5d5d1a` | `oklch(46.42% 0.0874 109.78)` | Kirchner Green | white, 6.9 to 1 |
| 27 | `#575c1a` | `oklch(45.67% 0.0882 114.05)` | Greensboro | white, 7.1 to 1 |
| 28 | `#535f20` | `oklch(46.14% 0.0878 119.26)` | Obscure Olive | white, 6.9 to 1 |
| 29 | `#51652b` | `oklch(47.61% 0.0866 125.51)` | Tabbouleh Green | white, 6.4 to 1 |
| 30 | `#506d39` | `oklch(49.92% 0.0845 132.57)` | Gully Green | white, 5.8 to 1 |
| 31 | `#517749` | `oklch(52.89% 0.0818 140.26)` | Torrey Pine | white, 5.1 to 1 |
| 32 | `#54835b` | `oklch(56.39% 0.0787 148.37)` | Magic Sage | black, 4.7 to 1 |
| 33 | `#5a8f6f` | `oklch(60.24% 0.0752 156.70)` | Green Weed | black, 5.5 to 1 |
| 34 | `#629b82` | `oklch(64.29% 0.0715 165.03)` | Succulent Green | black, 6.5 to 1 |
| 35 | `#6ca896` | `oklch(68.39% 0.0678 173.17)` | Peacock Silk | black, 7.6 to 1 |
| 36 | `#78b3a8` | `oklch(72.36% 0.0642 180.92)` | Intracoastal | black, 8.8 to 1 |
| 37 | `#84beb8` | `oklch(76.05% 0.0608 188.06)` | Riverbed | black, 10 to 1 |
| 38 | `#90c8c7` | `oklch(79.30% 0.0579 194.41)` | Embellished Blue | black, 11.2 to 1 |
| 39 | `#9acfd2` | `oklch(81.96% 0.0555 199.74)` | Big Surf | black, 12.2 to 1 |
| 40 | `#a1d5da` | `oklch(83.86% 0.0537 203.87)` | Midwinter Mist | black, 13 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #73361d 0.0%, #793e23 2.6%, #81472b 5.1%, #8a5435 7.7%, #956242 10.3%, #a07150 12.8%, #ac805f 15.4%, #b7906e 17.9%, #c2a07d 20.5%, #ccae8b 23.1%, #d5ba98 25.6%, #dbc4a2 28.2%, #dfcba9 30.8%, #e0ceac 33.3%, #ddcdaa 35.9%, #d7c8a3 38.5%, #cebf99 41.0%, #c2b48b 43.6%, #b5a77b 46.2%, #a69a6b 48.7%, #988c59 51.3%, #897f49 53.8%, #7c7339 56.4%, #70692c 59.0%, #656121 61.5%, #5d5d1a 64.1%, #575c1a 66.7%, #535f20 69.2%, #51652b 71.8%, #506d39 74.4%, #517749 76.9%, #54835b 79.5%, #5a8f6f 82.1%, #629b82 84.6%, #6ca896 87.2%, #78b3a8 89.7%, #84beb8 92.3%, #90c8c7 94.9%, #9acfd2 97.4%, #a1d5da 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(40.94% 0.0937 42.19) 0.0%, oklch(43.16% 0.0915 44.04) 2.6%, oklch(46.23% 0.0885 46.36) 5.1%, oklch(49.98% 0.0848 49.10) 7.7%, oklch(54.23% 0.0807 52.18) 10.3%, oklch(58.81% 0.0762 55.52) 12.8%, oklch(63.53% 0.0716 59.06) 15.4%, oklch(68.23% 0.0670 62.72) 17.9%, oklch(72.71% 0.0626 66.44) 20.5%, oklch(76.82% 0.0585 70.15) 23.1%, oklch(80.36% 0.0550 73.77) 25.6%, oklch(83.16% 0.0523 77.23) 28.2%, oklch(85.04% 0.0504 80.46) 30.8%, oklch(85.83% 0.0496 83.40) 33.3%, oklch(85.31% 0.0501 85.94) 35.9%, oklch(83.55% 0.0517 88.10) 38.5%, oklch(80.76% 0.0544 89.98) 41.0%, oklch(77.17% 0.0578 91.67) 43.6%, oklch(73.01% 0.0617 93.26) 46.2%, oklch(68.49% 0.0661 94.86) 48.7%, oklch(63.84% 0.0705 96.55) 51.3%, oklch(59.28% 0.0749 98.43) 53.8%, oklch(55.04% 0.0790 100.60) 56.4%, oklch(51.33% 0.0826 103.15) 59.0%, oklch(48.38% 0.0854 106.18) 61.5%, oklch(46.42% 0.0874 109.78) 64.1%, oklch(45.67% 0.0882 114.05) 66.7%, oklch(46.14% 0.0878 119.26) 69.2%, oklch(47.61% 0.0866 125.51) 71.8%, oklch(49.92% 0.0845 132.57) 74.4%, oklch(52.89% 0.0818 140.26) 76.9%, oklch(56.39% 0.0787 148.37) 79.5%, oklch(60.24% 0.0752 156.70) 82.1%, oklch(64.29% 0.0715 165.03) 84.6%, oklch(68.39% 0.0678 173.17) 87.2%, oklch(72.36% 0.0642 180.92) 89.7%, oklch(76.05% 0.0608 188.06) 92.3%, oklch(79.30% 0.0579 194.41) 94.9%, oklch(81.96% 0.0555 199.74) 97.4%, oklch(83.86% 0.0537 203.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.094 | 42.2 |
| 2 | 0.858 | 0.05 | 83.4 |
| 3 | 0.457 | 0.088 | 114 |
| 4 | 0.839 | 0.054 | 203.9 |

## Other forms

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