# Maroon, gray, olive and beige radial gradient

Maroon, gray, olive and beige radial gradient with 32 colors: #aa404d, #a33a4d, #98314e, #8a274f, #7b1d4f, #6f154e, #67124c, #65144a, #6d1d49, #7f3149, #964f4d, #ab755c, #bd9c79, #ccc1a0, #dbddc4, #e6eedc, #e6f2e1, #d8e8d4, #c0d4ba, #a3bb98, #88a172, #73874d, #66742d, #616916, #666a16, #737327, #878340, #9e985e, #b7af7d, #cec59b, #e1d8b5, #eee5c7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWhGULrqy8viJUO_Jb3dQ89Y`
- Page: https://grabient.com/kWhGULrqy8viJUO_Jb3dQ89Y?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.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 | `#aa404d` | `oklch(51.97% 0.1392 16.17)` | Frosted Pomegranate | white, 5.9 to 1 |
| 2 | `#a33a4d` | `oklch(50.20% 0.1384 12.73)` | Valentine | white, 6.4 to 1 |
| 3 | `#98314e` | `oklch(47.28% 0.1381 6.80)` | Raspberry Romantic | white, 7.2 to 1 |
| 4 | `#8a274f` | `oklch(43.76% 0.1377 359.67)` | Raspberry Radiance | white, 8.4 to 1 |
| 5 | `#7b1d4f` | `oklch(40.23% 0.1369 352.62)` | Pansy Purple | white, 9.8 to 1 |
| 6 | `#6f154e` | `oklch(37.25% 0.1352 346.92)` | Velvet | white, 11.1 to 1 |
| 7 | `#67124c` | `oklch(35.40% 0.1322 343.86)` | Grape Purple | white, 11.9 to 1 |
| 8 | `#65144a` | `oklch(35.26% 0.1275 344.71)` | Grape Purple | white, 11.9 to 1 |
| 9 | `#6d1d49` | `oklch(37.43% 0.1206 350.83)` | Pompadour | white, 10.9 to 1 |
| 10 | `#7f3149` | `oklch(42.97% 0.1095 3.93)` | Beaujolais | white, 8.6 to 1 |
| 11 | `#964f4d` | `oklch(51.24% 0.0949 22.74)` | Azuki Bean | white, 5.9 to 1 |
| 12 | `#ab755c` | `oklch(61.13% 0.0784 45.12)` | Clay Court | black, 5.4 to 1 |
| 13 | `#bd9c79` | `oklch(71.48% 0.0616 68.92)` | Corky | black, 8.2 to 1 |
| 14 | `#ccc1a0` | `oklch(81.15% 0.0462 91.99)` | Moth | black, 11.7 to 1 |
| 15 | `#dbddc4` | `oklch(89.01% 0.0339 112.19)` | Planet Earth | black, 15.1 to 1 |
| 16 | `#e6eedc` | `oklch(93.90% 0.0263 127.37)` | Chrome Green | black, 17.6 to 1 |
| 17 | `#e6f2e1` | `oklch(94.71% 0.0252 135.83)` | Lower Lime | black, 18.1 to 1 |
| 18 | `#d8e8d4` | `oklch(91.31% 0.0310 139.16)` | Light Spring Burst | black, 16.3 to 1 |
| 19 | `#c0d4ba` | `oklch(84.85% 0.0420 138.70)` | Surf Crest | black, 13.4 to 1 |
| 20 | `#a3bb98` | `oklch(76.56% 0.0562 135.46)` | Spring Rain | black, 10.1 to 1 |
| 21 | `#88a172` | `oklch(67.67% 0.0713 130.46)` | Antilles Garden | black, 7.3 to 1 |
| 22 | `#73874d` | `oklch(59.43% 0.0855 124.73)` | Green Suede | black, 5.3 to 1 |
| 23 | `#66742d` | `oklch(53.06% 0.0967 119.29)` | Muddy Green | white, 5.1 to 1 |
| 24 | `#616916` | `oklch(49.79% 0.1028 115.16)` | Mud Green | white, 5.9 to 1 |
| 25 | `#666a16` | `oklch(50.44% 0.1026 112.44)` | Earthy Khaki Green | white, 5.7 to 1 |
| 26 | `#737327` | `oklch(54.11% 0.0976 109.47)` | Olivetone | white, 4.9 to 1 |
| 27 | `#878340` | `oklch(59.94% 0.0892 106.33)` | Galia Melon | black, 5.3 to 1 |
| 28 | `#9e985e` | `oklch(67.09% 0.0787 103.15)` | Terran Khaki | black, 7.1 to 1 |
| 29 | `#b7af7d` | `oklch(74.73% 0.0673 100.10)` | Leek Powder | black, 9.4 to 1 |
| 30 | `#cec59b` | `oklch(82.00% 0.0564 97.35)` | Archisa | black, 12 to 1 |
| 31 | `#e1d8b5` | `oklch(88.08% 0.0473 95.03)` | Afghan Hound | black, 14.7 to 1 |
| 32 | `#eee5c7` | `oklch(92.13% 0.0413 93.31)` | Proper Temperature | black, 16.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #aa404d 0.0%, #a33a4d 3.2%, #98314e 6.5%, #8a274f 9.7%, #7b1d4f 12.9%, #6f154e 16.1%, #67124c 19.4%, #65144a 22.6%, #6d1d49 25.8%, #7f3149 29.0%, #964f4d 32.3%, #ab755c 35.5%, #bd9c79 38.7%, #ccc1a0 41.9%, #dbddc4 45.2%, #e6eedc 48.4%, #e6f2e1 51.6%, #d8e8d4 54.8%, #c0d4ba 58.1%, #a3bb98 61.3%, #88a172 64.5%, #73874d 67.7%, #66742d 71.0%, #616916 74.2%, #666a16 77.4%, #737327 80.6%, #878340 83.9%, #9e985e 87.1%, #b7af7d 90.3%, #cec59b 93.5%, #e1d8b5 96.8%, #eee5c7 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.97% 0.1392 16.17) 0.0%, oklch(50.20% 0.1384 12.73) 3.2%, oklch(47.28% 0.1381 6.80) 6.5%, oklch(43.76% 0.1377 359.67) 9.7%, oklch(40.23% 0.1369 352.62) 12.9%, oklch(37.25% 0.1352 346.92) 16.1%, oklch(35.40% 0.1322 343.86) 19.4%, oklch(35.26% 0.1275 344.71) 22.6%, oklch(37.43% 0.1206 350.83) 25.8%, oklch(42.97% 0.1095 3.93) 29.0%, oklch(51.24% 0.0949 22.74) 32.3%, oklch(61.13% 0.0784 45.12) 35.5%, oklch(71.48% 0.0616 68.92) 38.7%, oklch(81.15% 0.0462 91.99) 41.9%, oklch(89.01% 0.0339 112.19) 45.2%, oklch(93.90% 0.0263 127.37) 48.4%, oklch(94.71% 0.0252 135.83) 51.6%, oklch(91.31% 0.0310 139.16) 54.8%, oklch(84.85% 0.0420 138.70) 58.1%, oklch(76.56% 0.0562 135.46) 61.3%, oklch(67.67% 0.0713 130.46) 64.5%, oklch(59.43% 0.0855 124.73) 67.7%, oklch(53.06% 0.0967 119.29) 71.0%, oklch(49.79% 0.1028 115.16) 74.2%, oklch(50.44% 0.1026 112.44) 77.4%, oklch(54.11% 0.0976 109.47) 80.6%, oklch(59.94% 0.0892 106.33) 83.9%, oklch(67.09% 0.0787 103.15) 87.1%, oklch(74.73% 0.0673 100.10) 90.3%, oklch(82.00% 0.0564 97.35) 93.5%, oklch(88.08% 0.0473 95.03) 96.8%, oklch(92.13% 0.0413 93.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.52 | 0.139 | 16.2 |
| 2 | 0.366 | 0.123 | -11.3 |
| 3 | 0.949 | 0.025 | 132.4 |
| 4 | 0.496 | 0.103 | 114.4 |
| 5 | 0.921 | 0.041 | 93.3 |

## Other forms

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