# Brown, orange, pink and dark green radial gradient

Brown, orange, pink and dark green radial gradient with 56 colors: #a75f49, #a85f48, #a96047, #ab6045, #ac6144, #ae6242, #af633f, #b1643d, #b3653a, #b46637, #b66734, #b86832, #b9692f, #bb692d, #bd6a2b, #be6a2a, #c06a2a, #c16a2c, #c3692f, #c46833, #c66738, #c7653d, #c96444, #ca634a, #cb6252, #cb615a, #cb6062, #ca5f6a, #c95f73, #c75f7b, #c35f84, #bf5f8c, #ba6094, #b4609b, #ad61a1, #a562a7, #9c63ab, #9263ae, #8764af, #7a64af, #6b64ac, #5c64a8, #4c63a1, #3b6297, #2a608c, #195d80, #065a73, #005665, #005159, #004d4d, #074843, #0f4339, #153f32, #193a2b, #1b3726, #1c3423. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUj0kbTjFBUostKmD6yg`
- Page: https://grabient.com/kUj0kbTjFBUostKmD6yg?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: light center, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.4 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 | `#a75f49` | `oklch(56.30% 0.1006 37.97)` | Spiced Carrot | white, 4.7 to 1 |
| 2 | `#a85f48` | `oklch(56.47% 0.1017 38.47)` | Colourful Leaves | white, 4.7 to 1 |
| 3 | `#a96047` | `oklch(56.68% 0.1031 39.30)` | Borneo | white, 4.7 to 1 |
| 4 | `#ab6045` | `oklch(56.94% 0.1048 40.40)` | Mars | white, 4.6 to 1 |
| 5 | `#ac6144` | `oklch(57.23% 0.1067 41.72)` | Mars | white, 4.6 to 1 |
| 6 | `#ae6242` | `oklch(57.55% 0.1088 43.19)` | Mars | black, 4.6 to 1 |
| 7 | `#af633f` | `oklch(57.89% 0.1110 44.76)` | Copper-Metal Red | black, 4.6 to 1 |
| 8 | `#b1643d` | `oklch(58.25% 0.1133 46.37)` | Khardic | black, 4.7 to 1 |
| 9 | `#b3653a` | `oklch(58.62% 0.1157 47.96)` | Khardic | black, 4.8 to 1 |
| 10 | `#b46637` | `oklch(58.99% 0.1182 49.48)` | Khardic | black, 4.8 to 1 |
| 11 | `#b66734` | `oklch(59.36% 0.1206 50.87)` | Mincemeat | black, 4.9 to 1 |
| 12 | `#b86832` | `oklch(59.72% 0.1230 52.07)` | Mincemeat | black, 5 to 1 |
| 13 | `#b9692f` | `oklch(60.06% 0.1253 53.02)` | Ruddy Brown | black, 5.1 to 1 |
| 14 | `#bb692d` | `oklch(60.38% 0.1274 53.67)` | Shutter Copper | black, 5.1 to 1 |
| 15 | `#bd6a2b` | `oklch(60.67% 0.1294 53.95)` | Thai Curry | black, 5.2 to 1 |
| 16 | `#be6a2a` | `oklch(60.92% 0.1312 53.82)` | Thai Curry | black, 5.2 to 1 |
| 17 | `#c06a2a` | `oklch(61.13% 0.1327 53.20)` | Warm Cream Spirit | black, 5.3 to 1 |
| 18 | `#c16a2c` | `oklch(61.29% 0.1339 52.06)` | Warm Cream Spirit | black, 5.3 to 1 |
| 19 | `#c3692f` | `oklch(61.40% 0.1348 50.32)` | Sesame Crunch | black, 5.3 to 1 |
| 20 | `#c46833` | `oklch(61.46% 0.1354 47.98)` | Sesame Crunch | black, 5.3 to 1 |
| 21 | `#c66738` | `oklch(61.54% 0.1359 45.21)` | Determined Orange | black, 5.3 to 1 |
| 22 | `#c7653d` | `oklch(61.63% 0.1363 42.04)` | Hashut Copper | black, 5.3 to 1 |
| 23 | `#c96444` | `oklch(61.72% 0.1366 38.48)` | Zōng Hóng Red | black, 5.3 to 1 |
| 24 | `#ca634a` | `oklch(61.81% 0.1368 34.57)` | Enshūcha Red | black, 5.3 to 1 |
| 25 | `#cb6252` | `oklch(61.89% 0.1369 30.30)` | Japanese Kimono | black, 5.3 to 1 |
| 26 | `#cb615a` | `oklch(61.94% 0.1368 25.71)` | Japanese Kimono | black, 5.3 to 1 |
| 27 | `#cb6062` | `oklch(61.97% 0.1366 20.82)` | Common Chestnut | black, 5.3 to 1 |
| 28 | `#ca5f6a` | `oklch(61.96% 0.1362 15.63)` | Desert Rose | black, 5.3 to 1 |
| 29 | `#c95f73` | `oklch(61.90% 0.1357 10.18)` | Triple Berry | black, 5.3 to 1 |
| 30 | `#c75f7b` | `oklch(61.79% 0.1350 4.47)` | Cherry Pink | black, 5.3 to 1 |
| 31 | `#c35f84` | `oklch(61.62% 0.1341 358.54)` | Lipstick | black, 5.2 to 1 |
| 32 | `#bf5f8c` | `oklch(61.37% 0.1330 352.39)` | Beauty Queen | black, 5.2 to 1 |
| 33 | `#ba6094` | `oklch(61.05% 0.1317 346.06)` | Spring Crocus | black, 5.1 to 1 |
| 34 | `#b4609b` | `oklch(60.64% 0.1302 339.54)` | Bodacious | black, 5.1 to 1 |
| 35 | `#ad61a1` | `oklch(60.14% 0.1285 332.88)` | Bodacious | black, 5 to 1 |
| 36 | `#a562a7` | `oklch(59.53% 0.1265 326.07)` | Royal Pretender | black, 4.8 to 1 |
| 37 | `#9c63ab` | `oklch(58.81% 0.1243 319.15)` | Royal Pretender | black, 4.7 to 1 |
| 38 | `#9263ae` | `oklch(57.97% 0.1218 312.09)` | Empire Violet | black, 4.6 to 1 |
| 39 | `#8764af` | `oklch(56.92% 0.1187 304.37)` | Lavish Spending | white, 4.7 to 1 |
| 40 | `#7a64af` | `oklch(55.68% 0.1152 295.90)` | Genestealer Purple | white, 4.9 to 1 |
| 41 | `#6b64ac` | `oklch(54.26% 0.1111 286.81)` | Blue Iris | white, 5.1 to 1 |
| 42 | `#5c64a8` | `oklch(52.70% 0.1067 277.21)` | Bellflower | white, 5.4 to 1 |
| 43 | `#4c63a1` | `oklch(51.01% 0.1019 267.21)` | Starstruck | white, 5.8 to 1 |
| 44 | `#3b6297` | `oklch(49.23% 0.0969 256.92)` | Blue Regatta | white, 6.2 to 1 |
| 45 | `#2a608c` | `oklch(47.38% 0.0917 246.45)` | Bay Site | white, 6.6 to 1 |
| 46 | `#195d80` | `oklch(45.49% 0.0864 235.92)` | Royal Blood | white, 7.1 to 1 |
| 47 | `#065a73` | `oklch(43.58% 0.0810 225.43)` | Octagon Ocean | white, 7.7 to 1 |
| 48 | `#005665` | `oklch(41.68% 0.0737 215.14)` | Abyssal Waters | white, 8.3 to 1 |
| 49 | `#005159` | `oklch(39.82% 0.0680 205.08)` | Cathedral View | white, 9 to 1 |
| 50 | `#004d4d` | `oklch(38.01% 0.0648 195.40)` | Dark Teal | white, 9.6 to 1 |
| 51 | `#074843` | `oklch(36.29% 0.0606 186.22)` | Tropical Forest | white, 10.4 to 1 |
| 52 | `#0f4339` | `oklch(34.68% 0.0561 177.66)` | Black Soap | white, 11.1 to 1 |
| 53 | `#153f32` | `oklch(33.22% 0.0520 169.82)` | Mizukaze Green | white, 11.8 to 1 |
| 54 | `#193a2b` | `oklch(31.92% 0.0483 162.81)` | Palm Green | white, 12.4 to 1 |
| 55 | `#1b3726` | `oklch(30.81% 0.0452 156.75)` | Deep Fir | white, 12.9 to 1 |
| 56 | `#1c3423` | `oklch(29.92% 0.0427 151.75)` | Pumpkin Green Black | white, 13.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a75f49 0.0%, #a85f48 1.8%, #a96047 3.6%, #ab6045 5.5%, #ac6144 7.3%, #ae6242 9.1%, #af633f 10.9%, #b1643d 12.7%, #b3653a 14.5%, #b46637 16.4%, #b66734 18.2%, #b86832 20.0%, #b9692f 21.8%, #bb692d 23.6%, #bd6a2b 25.5%, #be6a2a 27.3%, #c06a2a 29.1%, #c16a2c 30.9%, #c3692f 32.7%, #c46833 34.5%, #c66738 36.4%, #c7653d 38.2%, #c96444 40.0%, #ca634a 41.8%, #cb6252 43.6%, #cb615a 45.5%, #cb6062 47.3%, #ca5f6a 49.1%, #c95f73 50.9%, #c75f7b 52.7%, #c35f84 54.5%, #bf5f8c 56.4%, #ba6094 58.2%, #b4609b 60.0%, #ad61a1 61.8%, #a562a7 63.6%, #9c63ab 65.5%, #9263ae 67.3%, #8764af 69.1%, #7a64af 70.9%, #6b64ac 72.7%, #5c64a8 74.5%, #4c63a1 76.4%, #3b6297 78.2%, #2a608c 80.0%, #195d80 81.8%, #065a73 83.6%, #005665 85.5%, #005159 87.3%, #004d4d 89.1%, #074843 90.9%, #0f4339 92.7%, #153f32 94.5%, #193a2b 96.4%, #1b3726 98.2%, #1c3423 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(56.30% 0.1006 37.97) 0.0%, oklch(56.47% 0.1017 38.47) 1.8%, oklch(56.68% 0.1031 39.30) 3.6%, oklch(56.94% 0.1048 40.40) 5.5%, oklch(57.23% 0.1067 41.72) 7.3%, oklch(57.55% 0.1088 43.19) 9.1%, oklch(57.89% 0.1110 44.76) 10.9%, oklch(58.25% 0.1133 46.37) 12.7%, oklch(58.62% 0.1157 47.96) 14.5%, oklch(58.99% 0.1182 49.48) 16.4%, oklch(59.36% 0.1206 50.87) 18.2%, oklch(59.72% 0.1230 52.07) 20.0%, oklch(60.06% 0.1253 53.02) 21.8%, oklch(60.38% 0.1274 53.67) 23.6%, oklch(60.67% 0.1294 53.95) 25.5%, oklch(60.92% 0.1312 53.82) 27.3%, oklch(61.13% 0.1327 53.20) 29.1%, oklch(61.29% 0.1339 52.06) 30.9%, oklch(61.40% 0.1348 50.32) 32.7%, oklch(61.46% 0.1354 47.98) 34.5%, oklch(61.54% 0.1359 45.21) 36.4%, oklch(61.63% 0.1363 42.04) 38.2%, oklch(61.72% 0.1366 38.48) 40.0%, oklch(61.81% 0.1368 34.57) 41.8%, oklch(61.89% 0.1369 30.30) 43.6%, oklch(61.94% 0.1368 25.71) 45.5%, oklch(61.97% 0.1366 20.82) 47.3%, oklch(61.96% 0.1362 15.63) 49.1%, oklch(61.90% 0.1357 10.18) 50.9%, oklch(61.79% 0.1350 4.47) 52.7%, oklch(61.62% 0.1341 358.54) 54.5%, oklch(61.37% 0.1330 352.39) 56.4%, oklch(61.05% 0.1317 346.06) 58.2%, oklch(60.64% 0.1302 339.54) 60.0%, oklch(60.14% 0.1285 332.88) 61.8%, oklch(59.53% 0.1265 326.07) 63.6%, oklch(58.81% 0.1243 319.15) 65.5%, oklch(57.97% 0.1218 312.09) 67.3%, oklch(56.92% 0.1187 304.37) 69.1%, oklch(55.68% 0.1152 295.90) 70.9%, oklch(54.26% 0.1111 286.81) 72.7%, oklch(52.70% 0.1067 277.21) 74.5%, oklch(51.01% 0.1019 267.21) 76.4%, oklch(49.23% 0.0969 256.92) 78.2%, oklch(47.38% 0.0917 246.45) 80.0%, oklch(45.49% 0.0864 235.92) 81.8%, oklch(43.58% 0.0810 225.43) 83.6%, oklch(41.68% 0.0737 215.14) 85.5%, oklch(39.82% 0.0680 205.08) 87.3%, oklch(38.01% 0.0648 195.40) 89.1%, oklch(36.29% 0.0606 186.22) 90.9%, oklch(34.68% 0.0561 177.66) 92.7%, oklch(33.22% 0.0520 169.82) 94.5%, oklch(31.92% 0.0483 162.81) 96.4%, oklch(30.81% 0.0452 156.75) 98.2%, oklch(29.92% 0.0427 151.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.563 | 0.101 | 38 |
| 2 | 0.614 | 0.135 | 49.6 |
| 3 | 0.583 | 0.123 | -45.5 |
| 4 | 0.299 | 0.043 | -208.3 |

## In these collections

- [Mystic outlands](https://grabient.com/mystic-outlands)

## Other forms

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