# Mauve, tan, brown and green radial gradient

Mauve, tan, brown and green radial gradient with 40 colors: #b1808f, #b6838e, #bc888c, #c48e8a, #cb9688, #d09f86, #d3a785, #d3ae85, #d1b285, #cdb383, #c8ae80, #bfa479, #b49570, #a68266, #946f5d, #815c54, #6e4c4b, #5c3e42, #4f333a, #462d34, #442b30, #472c2e, #4d312c, #55392a, #5b452b, #5f5430, #60633c, #5f724c, #5e805d, #5f8a6b, #639173, #6c9877, #789d78, #86a277, #96a576, #a5a776, #b4a978, #c0aa7c, #c9ab81, #cfad86. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWpi7_4ZlJykONnMGNHYZg2A`
- Page: https://grabient.com/kWpi7_4ZlJykONnMGNHYZg2A?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#b1808f` | `oklch(65.35% 0.0634 359.30)` | Degas Pink | black, 6.3 to 1 |
| 2 | `#b6838e` | `oklch(66.32% 0.0639 5.18)` | Lime Pink | black, 6.6 to 1 |
| 3 | `#bc888c` | `oklch(67.89% 0.0648 13.75)` | Shabby Chic | black, 7 to 1 |
| 4 | `#c48e8a` | `oklch(69.86% 0.0658 24.20)` | Grand Sunset | black, 7.6 to 1 |
| 5 | `#cb9688` | `oklch(72.00% 0.0670 35.72)` | Peach Beige | black, 8.2 to 1 |
| 6 | `#d09f86` | `oklch(74.10% 0.0682 47.52)` | Orange Maple | black, 8.9 to 1 |
| 7 | `#d3a785` | `oklch(75.93% 0.0691 58.80)` | Autumn Air | black, 9.6 to 1 |
| 8 | `#d3ae85` | `oklch(77.29% 0.0698 68.76)` | Sheaf | black, 10.1 to 1 |
| 9 | `#d1b285` | `oklch(77.95% 0.0700 76.59)` | Light Oak | black, 10.4 to 1 |
| 10 | `#cdb383` | `oklch(77.69% 0.0696 81.50)` | Oak Harbour | black, 10.3 to 1 |
| 11 | `#c8ae80` | `oklch(76.29% 0.0685 82.64)` | Common Chalcedony | black, 9.8 to 1 |
| 12 | `#bfa479` | `oklch(73.28% 0.0663 78.81)` | Apple Sauce Cake | black, 8.8 to 1 |
| 13 | `#b49570` | `oklch(68.85% 0.0631 70.69)` | Creamy Caramel | black, 7.4 to 1 |
| 14 | `#a68266` | `oklch(63.41% 0.0593 59.57)` | Medium Wood | black, 6 to 1 |
| 15 | `#946f5d` | `oklch(57.40% 0.0550 46.73)` | Monterey Brown | black, 4.6 to 1 |
| 16 | `#815c54` | `oklch(51.20% 0.0507 33.44)` | Wild West | white, 5.8 to 1 |
| 17 | `#6e4c4b` | `oklch(45.25% 0.0466 20.99)` | Marron | white, 7.5 to 1 |
| 18 | `#5c3e42` | `oklch(39.95% 0.0430 10.66)` | Vulcan Burgundy | white, 9.4 to 1 |
| 19 | `#4f333a` | `oklch(35.72% 0.0403 3.72)` | Nectar of the Gods | white, 11.2 to 1 |
| 20 | `#462d34` | `oklch(32.97% 0.0388 1.45)` | Ripe Eggplant | white, 12.4 to 1 |
| 21 | `#442b30` | `oklch(32.05% 0.0387 5.17)` | Wine Tasting | white, 12.8 to 1 |
| 22 | `#472c2e` | `oklch(32.66% 0.0401 15.32)` | Dark Roast | white, 12.6 to 1 |
| 23 | `#4d312c` | `oklch(34.50% 0.0425 30.54)` | Espresso | white, 11.7 to 1 |
| 24 | `#55392a` | `oklch(37.30% 0.0459 49.33)` | Bonanza | white, 10.4 to 1 |
| 25 | `#5b452b` | `oklch(40.79% 0.0497 70.18)` | Brown Hen | white, 8.9 to 1 |
| 26 | `#5f5430` | `oklch(44.71% 0.0538 91.58)` | Olive Bark | white, 7.5 to 1 |
| 27 | `#60633c` | `oklch(48.78% 0.0579 112.02)` | Wood’s Creek | white, 6.2 to 1 |
| 28 | `#5f724c` | `oklch(52.73% 0.0617 129.99)` | Greenfield | white, 5.2 to 1 |
| 29 | `#5e805d` | `oklch(56.31% 0.0649 143.98)` | Garden Grove | black, 4.7 to 1 |
| 30 | `#5f8a6b` | `oklch(59.24% 0.0671 152.49)` | Murdoch | black, 5.3 to 1 |
| 31 | `#639173` | `oklch(61.54% 0.0684 154.62)` | Spring Forest | black, 5.8 to 1 |
| 32 | `#6c9877` | `oklch(63.75% 0.0691 151.67)` | Oxley | black, 6.3 to 1 |
| 33 | `#789d78` | `oklch(65.87% 0.0693 144.71)` | Horenso Green | black, 6.9 to 1 |
| 34 | `#86a277` | `oklch(67.90% 0.0691 134.76)` | Antilles Garden | black, 7.4 to 1 |
| 35 | `#96a576` | `oklch(69.80% 0.0687 122.86)` | Cucuzza Verde | black, 7.9 to 1 |
| 36 | `#a5a776` | `oklch(71.56% 0.0681 110.04)` | Mossy Cavern | black, 8.4 to 1 |
| 37 | `#b4a978` | `oklch(73.16% 0.0675 97.32)` | Even Growth | black, 8.8 to 1 |
| 38 | `#c0aa7c` | `oklch(74.57% 0.0668 85.74)` | Antiquity | black, 9.2 to 1 |
| 39 | `#c9ab81` | `oklch(75.78% 0.0664 76.32)` | Mindful | black, 9.6 to 1 |
| 40 | `#cfad86` | `oklch(76.77% 0.0661 70.10)` | Cheddar Biscuit | black, 9.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b1808f 0.0%, #b6838e 2.6%, #bc888c 5.1%, #c48e8a 7.7%, #cb9688 10.3%, #d09f86 12.8%, #d3a785 15.4%, #d3ae85 17.9%, #d1b285 20.5%, #cdb383 23.1%, #c8ae80 25.6%, #bfa479 28.2%, #b49570 30.8%, #a68266 33.3%, #946f5d 35.9%, #815c54 38.5%, #6e4c4b 41.0%, #5c3e42 43.6%, #4f333a 46.2%, #462d34 48.7%, #442b30 51.3%, #472c2e 53.8%, #4d312c 56.4%, #55392a 59.0%, #5b452b 61.5%, #5f5430 64.1%, #60633c 66.7%, #5f724c 69.2%, #5e805d 71.8%, #5f8a6b 74.4%, #639173 76.9%, #6c9877 79.5%, #789d78 82.1%, #86a277 84.6%, #96a576 87.2%, #a5a776 89.7%, #b4a978 92.3%, #c0aa7c 94.9%, #c9ab81 97.4%, #cfad86 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(65.35% 0.0634 359.30) 0.0%, oklch(66.32% 0.0639 5.18) 2.6%, oklch(67.89% 0.0648 13.75) 5.1%, oklch(69.86% 0.0658 24.20) 7.7%, oklch(72.00% 0.0670 35.72) 10.3%, oklch(74.10% 0.0682 47.52) 12.8%, oklch(75.93% 0.0691 58.80) 15.4%, oklch(77.29% 0.0698 68.76) 17.9%, oklch(77.95% 0.0700 76.59) 20.5%, oklch(77.69% 0.0696 81.50) 23.1%, oklch(76.29% 0.0685 82.64) 25.6%, oklch(73.28% 0.0663 78.81) 28.2%, oklch(68.85% 0.0631 70.69) 30.8%, oklch(63.41% 0.0593 59.57) 33.3%, oklch(57.40% 0.0550 46.73) 35.9%, oklch(51.20% 0.0507 33.44) 38.5%, oklch(45.25% 0.0466 20.99) 41.0%, oklch(39.95% 0.0430 10.66) 43.6%, oklch(35.72% 0.0403 3.72) 46.2%, oklch(32.97% 0.0388 1.45) 48.7%, oklch(32.05% 0.0387 5.17) 51.3%, oklch(32.66% 0.0401 15.32) 53.8%, oklch(34.50% 0.0425 30.54) 56.4%, oklch(37.30% 0.0459 49.33) 59.0%, oklch(40.79% 0.0497 70.18) 61.5%, oklch(44.71% 0.0538 91.58) 64.1%, oklch(48.78% 0.0579 112.02) 66.7%, oklch(52.73% 0.0617 129.99) 69.2%, oklch(56.31% 0.0649 143.98) 71.8%, oklch(59.24% 0.0671 152.49) 74.4%, oklch(61.54% 0.0684 154.62) 76.9%, oklch(63.75% 0.0691 151.67) 79.5%, oklch(65.87% 0.0693 144.71) 82.1%, oklch(67.90% 0.0691 134.76) 84.6%, oklch(69.80% 0.0687 122.86) 87.2%, oklch(71.56% 0.0681 110.04) 89.7%, oklch(73.16% 0.0675 97.32) 92.3%, oklch(74.57% 0.0668 85.74) 94.9%, oklch(75.78% 0.0664 76.32) 97.4%, oklch(76.77% 0.0661 70.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.063 | 359.3 |
| 2 | 0.768 | 0.069 | 442.8 |
| 3 | 0.323 | 0.039 | 362.5 |
| 4 | 0.598 | 0.068 | 513.6 |
| 5 | 0.768 | 0.066 | 430.1 |

## Other forms

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