# Analogous tan, maroon and brown radial gradient

Analogous tan, maroon and brown radial gradient with 64 colors: #d09454, #cd8f52, #c98a50, #c4834e, #be7b4b, #b77248, #af6946, #a76043, #9e5741, #954e3e, #8b453c, #813c3a, #783437, #6f2d35, #662733, #5e2130, #571c2e, #51182c, #4d152b, #4a132a, #48122a, #49132a, #4b152b, #4f182d, #541d2f, #5c2232, #642935, #6e3139, #793a3d, #844442, #904f46, #9b5b4b, #a76751, #b37456, #be815c, #c88d62, #d19a69, #d9a66f, #e1b176, #e7bc7c, #ecc482, #f0cc87, #f3d18b, #f4d58d, #f5d88f, #f5d98f, #f5d98f, #f4d98e, #f3d78d, #f1d58a, #efd388, #eccf84, #eacc81, #e7c87d, #e4c479, #e1bf75, #debb72, #dbb76e, #d9b36a, #d6af67, #d4ac64, #d2aa62, #d0a760, #cfa65f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUtU8vJB8328jSlfJT9A`
- Page: https://grabient.com/kUtU8vJB8328jSlfJT9A?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 10.8 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 | `#d09454` | `oklch(71.26% 0.1089 66.09)` | Cold Pilsner | black, 8 to 1 |
| 2 | `#cd8f52` | `oklch(70.03% 0.1082 64.14)` | Slightly Golden | black, 7.6 to 1 |
| 3 | `#c98a50` | `oklch(68.43% 0.1074 61.59)` | Coral Sand | black, 7.2 to 1 |
| 4 | `#c4834e` | `oklch(66.49% 0.1064 58.52)` | Butter Rum | black, 6.6 to 1 |
| 5 | `#be7b4b` | `oklch(64.27% 0.1054 55.00)` | Chai Spice | black, 6.1 to 1 |
| 6 | `#b77248` | `oklch(61.81% 0.1042 51.11)` | Pottery Clay | black, 5.5 to 1 |
| 7 | `#af6946` | `oklch(59.15% 0.1029 46.92)` | Khardic | black, 4.9 to 1 |
| 8 | `#a76043` | `oklch(56.36% 0.1015 42.49)` | Borneo | white, 4.7 to 1 |
| 9 | `#9e5741` | `oklch(53.46% 0.1001 37.92)` | Ceramic Brown | white, 5.4 to 1 |
| 10 | `#954e3e` | `oklch(50.52% 0.0987 33.25)` | Sierra Redwood | white, 6.1 to 1 |
| 11 | `#8b453c` | `oklch(47.57% 0.0972 28.58)` | Red Hawk | white, 6.9 to 1 |
| 12 | `#813c3a` | `oklch(44.67% 0.0957 23.98)` | Zangief’s Chest | white, 7.9 to 1 |
| 13 | `#783437` | `oklch(41.86% 0.0943 19.50)` | Chocolate Bar | white, 8.9 to 1 |
| 14 | `#6f2d35` | `oklch(39.18% 0.0929 15.24)` | Crystal Dark Red | white, 10 to 1 |
| 15 | `#662733` | `oklch(36.69% 0.0916 11.26)` | Blackberry Pie | white, 11 to 1 |
| 16 | `#5e2130` | `oklch(34.43% 0.0903 7.63)` | Wine Country | white, 12 to 1 |
| 17 | `#571c2e` | `oklch(32.44% 0.0891 4.43)` | Drops of God | white, 13 to 1 |
| 18 | `#51182c` | `oklch(30.79% 0.0881 1.74)` | Largest Black Slug | white, 13.8 to 1 |
| 19 | `#4d152b` | `oklch(29.50% 0.0872 359.61)` | Chilli Black Red | white, 14.4 to 1 |
| 20 | `#4a132a` | `oklch(28.63% 0.0864 358.13)` | Blackberry | white, 14.8 to 1 |
| 21 | `#48122a` | `oklch(28.23% 0.0858 357.37)` | Blackberry | white, 15 to 1 |
| 22 | `#49132a` | `oklch(28.35% 0.0854 357.40)` | Blackberry | white, 14.9 to 1 |
| 23 | `#4b152b` | `oklch(29.03% 0.0852 358.30)` | Blackberry | white, 14.6 to 1 |
| 24 | `#4f182d` | `oklch(30.29% 0.0852 0.04)` | Chilli Black Red | white, 14 to 1 |
| 25 | `#541d2f` | `oklch(32.06% 0.0852 2.54)` | Largest Black Slug | white, 13.1 to 1 |
| 26 | `#5c2232` | `oklch(34.28% 0.0855 5.72)` | Wine Country | white, 12.1 to 1 |
| 27 | `#642935` | `oklch(36.91% 0.0858 9.49)` | Blackberry Pie | white, 10.9 to 1 |
| 28 | `#6e3139` | `oklch(39.88% 0.0862 13.78)` | Red Wine Vinegar | white, 9.6 to 1 |
| 29 | `#793a3d` | `oklch(43.13% 0.0868 18.50)` | Marrakesh Red | white, 8.4 to 1 |
| 30 | `#844442` | `oklch(46.62% 0.0874 23.58)` | Spiced Berry | white, 7.2 to 1 |
| 31 | `#904f46` | `oklch(50.28% 0.0880 28.93)` | El Salva | white, 6.1 to 1 |
| 32 | `#9b5b4b` | `oklch(54.06% 0.0888 34.48)` | Spicy Cayenne | white, 5.2 to 1 |
| 33 | `#a76751` | `oklch(57.91% 0.0895 40.14)` | Ruddy Oak | black, 4.7 to 1 |
| 34 | `#b37456` | `oklch(61.75% 0.0903 45.82)` | Sunburn | black, 5.5 to 1 |
| 35 | `#be815c` | `oklch(65.55% 0.0911 51.46)` | Sundial | black, 6.4 to 1 |
| 36 | `#c88d62` | `oklch(69.25% 0.0919 56.97)` | Butterum | black, 7.4 to 1 |
| 37 | `#d19a69` | `oklch(72.78% 0.0927 62.27)` | Folksy Gold | black, 8.5 to 1 |
| 38 | `#d9a66f` | `oklch(76.09% 0.0935 67.28)` | Fresh Nectar | black, 9.6 to 1 |
| 39 | `#e1b176` | `oklch(79.13% 0.0942 71.92)` | Mac N Cheese | black, 10.7 to 1 |
| 40 | `#e7bc7c` | `oklch(81.83% 0.0949 76.10)` | Oats and Honey | black, 11.8 to 1 |
| 41 | `#ecc482` | `oklch(84.15% 0.0955 79.75)` | Gold Buff | black, 12.8 to 1 |
| 42 | `#f0cc87` | `oklch(86.03% 0.0960 82.78)` | Spaghetti Monster | black, 13.6 to 1 |
| 43 | `#f3d18b` | `oklch(87.40% 0.0965 85.12)` | Sienna Yellow | black, 14.3 to 1 |
| 44 | `#f4d58d` | `oklch(88.34% 0.0968 86.87)` | Pierogi | black, 14.7 to 1 |
| 45 | `#f5d88f` | `oklch(88.94% 0.0972 88.22)` | Poached Egg | black, 15 to 1 |
| 46 | `#f5d98f` | `oklch(89.25% 0.0976 89.19)` | Meadow Yellow | black, 15.2 to 1 |
| 47 | `#f5d98f` | `oklch(89.29% 0.0979 89.84)` | Meadow Yellow | black, 15.2 to 1 |
| 48 | `#f4d98e` | `oklch(89.08% 0.0983 90.17)` | Meadow Yellow | black, 15.1 to 1 |
| 49 | `#f3d78d` | `oklch(88.66% 0.0986 90.23)` | Pierogi | black, 14.9 to 1 |
| 50 | `#f1d58a` | `oklch(88.04% 0.0989 90.05)` | March Yellow | black, 14.6 to 1 |
| 51 | `#efd388` | `oklch(87.27% 0.0992 89.65)` | Glistening | black, 14.2 to 1 |
| 52 | `#eccf84` | `oklch(86.35% 0.0995 89.08)` | Punch of Yellow | black, 13.8 to 1 |
| 53 | `#eacc81` | `oklch(85.34% 0.0998 88.36)` | Mountain Maize | black, 13.4 to 1 |
| 54 | `#e7c87d` | `oklch(84.23% 0.1000 87.53)` | Marzipan | black, 12.9 to 1 |
| 55 | `#e4c479` | `oklch(83.08% 0.1003 86.61)` | Table Pear Yellow | black, 12.4 to 1 |
| 56 | `#e1bf75` | `oklch(81.90% 0.1005 85.64)` | Cloudy Sunset | black, 11.9 to 1 |
| 57 | `#debb72` | `oklch(80.72% 0.1007 84.65)` | Swiftly Green | black, 11.4 to 1 |
| 58 | `#dbb76e` | `oklch(79.57% 0.1010 83.67)` | Harpswell Green | black, 11 to 1 |
| 59 | `#d9b36a` | `oklch(78.48% 0.1012 82.73)` | Yellow Lab | black, 10.6 to 1 |
| 60 | `#d6af67` | `oklch(77.47% 0.1013 81.87)` | Butterscotch Bliss | black, 10.2 to 1 |
| 61 | `#d4ac64` | `oklch(76.57% 0.1015 81.12)` | French Pale Gold | black, 9.9 to 1 |
| 62 | `#d2aa62` | `oklch(75.81% 0.1017 80.51)` | French Pale Gold | black, 9.6 to 1 |
| 63 | `#d0a760` | `oklch(75.21% 0.1018 80.07)` | Burnside | black, 9.4 to 1 |
| 64 | `#cfa65f` | `oklch(74.80% 0.1020 79.83)` | Burnside | black, 9.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d09454 0.0%, #cd8f52 1.6%, #c98a50 3.2%, #c4834e 4.8%, #be7b4b 6.3%, #b77248 7.9%, #af6946 9.5%, #a76043 11.1%, #9e5741 12.7%, #954e3e 14.3%, #8b453c 15.9%, #813c3a 17.5%, #783437 19.0%, #6f2d35 20.6%, #662733 22.2%, #5e2130 23.8%, #571c2e 25.4%, #51182c 27.0%, #4d152b 28.6%, #4a132a 30.2%, #48122a 31.7%, #49132a 33.3%, #4b152b 34.9%, #4f182d 36.5%, #541d2f 38.1%, #5c2232 39.7%, #642935 41.3%, #6e3139 42.9%, #793a3d 44.4%, #844442 46.0%, #904f46 47.6%, #9b5b4b 49.2%, #a76751 50.8%, #b37456 52.4%, #be815c 54.0%, #c88d62 55.6%, #d19a69 57.1%, #d9a66f 58.7%, #e1b176 60.3%, #e7bc7c 61.9%, #ecc482 63.5%, #f0cc87 65.1%, #f3d18b 66.7%, #f4d58d 68.3%, #f5d88f 69.8%, #f5d98f 71.4%, #f5d98f 73.0%, #f4d98e 74.6%, #f3d78d 76.2%, #f1d58a 77.8%, #efd388 79.4%, #eccf84 81.0%, #eacc81 82.5%, #e7c87d 84.1%, #e4c479 85.7%, #e1bf75 87.3%, #debb72 88.9%, #dbb76e 90.5%, #d9b36a 92.1%, #d6af67 93.7%, #d4ac64 95.2%, #d2aa62 96.8%, #d0a760 98.4%, #cfa65f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(71.26% 0.1089 66.09) 0.0%, oklch(70.03% 0.1082 64.14) 1.6%, oklch(68.43% 0.1074 61.59) 3.2%, oklch(66.49% 0.1064 58.52) 4.8%, oklch(64.27% 0.1054 55.00) 6.3%, oklch(61.81% 0.1042 51.11) 7.9%, oklch(59.15% 0.1029 46.92) 9.5%, oklch(56.36% 0.1015 42.49) 11.1%, oklch(53.46% 0.1001 37.92) 12.7%, oklch(50.52% 0.0987 33.25) 14.3%, oklch(47.57% 0.0972 28.58) 15.9%, oklch(44.67% 0.0957 23.98) 17.5%, oklch(41.86% 0.0943 19.50) 19.0%, oklch(39.18% 0.0929 15.24) 20.6%, oklch(36.69% 0.0916 11.26) 22.2%, oklch(34.43% 0.0903 7.63) 23.8%, oklch(32.44% 0.0891 4.43) 25.4%, oklch(30.79% 0.0881 1.74) 27.0%, oklch(29.50% 0.0872 359.61) 28.6%, oklch(28.63% 0.0864 358.13) 30.2%, oklch(28.23% 0.0858 357.37) 31.7%, oklch(28.35% 0.0854 357.40) 33.3%, oklch(29.03% 0.0852 358.30) 34.9%, oklch(30.29% 0.0852 0.04) 36.5%, oklch(32.06% 0.0852 2.54) 38.1%, oklch(34.28% 0.0855 5.72) 39.7%, oklch(36.91% 0.0858 9.49) 41.3%, oklch(39.88% 0.0862 13.78) 42.9%, oklch(43.13% 0.0868 18.50) 44.4%, oklch(46.62% 0.0874 23.58) 46.0%, oklch(50.28% 0.0880 28.93) 47.6%, oklch(54.06% 0.0888 34.48) 49.2%, oklch(57.91% 0.0895 40.14) 50.8%, oklch(61.75% 0.0903 45.82) 52.4%, oklch(65.55% 0.0911 51.46) 54.0%, oklch(69.25% 0.0919 56.97) 55.6%, oklch(72.78% 0.0927 62.27) 57.1%, oklch(76.09% 0.0935 67.28) 58.7%, oklch(79.13% 0.0942 71.92) 60.3%, oklch(81.83% 0.0949 76.10) 61.9%, oklch(84.15% 0.0955 79.75) 63.5%, oklch(86.03% 0.0960 82.78) 65.1%, oklch(87.40% 0.0965 85.12) 66.7%, oklch(88.34% 0.0968 86.87) 68.3%, oklch(88.94% 0.0972 88.22) 69.8%, oklch(89.25% 0.0976 89.19) 71.4%, oklch(89.29% 0.0979 89.84) 73.0%, oklch(89.08% 0.0983 90.17) 74.6%, oklch(88.66% 0.0986 90.23) 76.2%, oklch(88.04% 0.0989 90.05) 77.8%, oklch(87.27% 0.0992 89.65) 79.4%, oklch(86.35% 0.0995 89.08) 81.0%, oklch(85.34% 0.0998 88.36) 82.5%, oklch(84.23% 0.1000 87.53) 84.1%, oklch(83.08% 0.1003 86.61) 85.7%, oklch(81.90% 0.1005 85.64) 87.3%, oklch(80.72% 0.1007 84.65) 88.9%, oklch(79.57% 0.1010 83.67) 90.5%, oklch(78.48% 0.1012 82.73) 92.1%, oklch(77.47% 0.1013 81.87) 93.7%, oklch(76.57% 0.1015 81.12) 95.2%, oklch(75.81% 0.1017 80.51) 96.8%, oklch(75.21% 0.1018 80.07) 98.4%, oklch(74.80% 0.1020 79.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.713 | 0.109 | 66.1 |
| 2 | 0.283 | 0.085 | -2.6 |
| 3 | 0.874 | 0.096 | 85.1 |
| 4 | 0.748 | 0.102 | 79.8 |

## Other forms

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