# Warm maroon, pink and beige radial gradient

Warm maroon, pink and beige radial gradient with 32 colors: #901f35, #942137, #9b253b, #a3283f, #ac2d44, #b5324a, #be374f, #c63d54, #cc4458, #d24b5d, #d85262, #dc5a67, #e1626c, #e46a71, #e87275, #eb7a79, #ee827d, #f08a81, #f29386, #f39b8b, #f3a390, #f3ab95, #f3b399, #f2ba9d, #f1c0a1, #efc6a3, #eccca6, #e8d2aa, #e5d7af, #e1dbb4, #dedfb9, #dce1bd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWbmsLSb6_9sxwNqG0MchHHg`
- Page: https://grabient.com/kWbmsLSb6_9sxwNqG0MchHHg?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#901f35` | `oklch(43.31% 0.1474 15.47)` | Thrill Ride | white, 8.6 to 1 |
| 2 | `#942137` | `oklch(44.48% 0.1499 15.42)` | Rio Red | white, 8.2 to 1 |
| 3 | `#9b253b` | `oklch(46.05% 0.1536 15.29)` | Valentine Red | white, 7.7 to 1 |
| 4 | `#a3283f` | `oklch(47.92% 0.1580 15.13)` | Romeo O Romeo | white, 7.1 to 1 |
| 5 | `#ac2d44` | `oklch(50.00% 0.1627 14.99)` | Amore | white, 6.5 to 1 |
| 6 | `#b5324a` | `oklch(52.17% 0.1669 14.92)` | Chubby Kiss | white, 5.9 to 1 |
| 7 | `#be374f` | `oklch(54.35% 0.1703 14.97)` | Fire-Breathing Dragon | white, 5.4 to 1 |
| 8 | `#c63d54` | `oklch(56.43% 0.1721 15.18)` | Nakabeni Pink | white, 5 to 1 |
| 9 | `#cc4458` | `oklch(58.33% 0.1720 15.59)` | Lingonberry Red | white, 4.6 to 1 |
| 10 | `#d24b5d` | `oklch(60.16% 0.1702 16.03)` | Iridescent Red | black, 4.9 to 1 |
| 11 | `#d85262` | `oklch(61.99% 0.1671 16.51)` | Cranberry Splash | black, 5.3 to 1 |
| 12 | `#dc5a67` | `oklch(63.81% 0.1628 17.08)` | Kōbai Red | black, 5.7 to 1 |
| 13 | `#e1626c` | `oklch(65.61% 0.1578 17.82)` | Lovely Little Rosy | black, 6.1 to 1 |
| 14 | `#e46a71` | `oklch(67.38% 0.1520 18.81)` | Redstone | black, 6.6 to 1 |
| 15 | `#e87275` | `oklch(69.12% 0.1459 20.13)` | Pastrami | black, 7.1 to 1 |
| 16 | `#eb7a79` | `oklch(70.82% 0.1396 21.84)` | Siesta Rose | black, 7.6 to 1 |
| 17 | `#ee827d` | `oklch(72.48% 0.1331 23.96)` | Jinza Safflower | black, 8.1 to 1 |
| 18 | `#f08a81` | `oklch(74.15% 0.1255 26.21)` | Cheery | black, 8.6 to 1 |
| 19 | `#f29386` | `oklch(75.80% 0.1171 28.64)` | Coral Passion | black, 9.2 to 1 |
| 20 | `#f39b8b` | `oklch(77.43% 0.1082 31.38)` | Rose Essence | black, 9.8 to 1 |
| 21 | `#f3a390` | `oklch(79.00% 0.0992 34.55)` | Peach Mimosa | black, 10.4 to 1 |
| 22 | `#f3ab95` | `oklch(80.50% 0.0906 38.26)` | Pretty Primrose | black, 11 to 1 |
| 23 | `#f3b399` | `oklch(81.89% 0.0827 42.66)` | Crab Bisque | black, 11.6 to 1 |
| 24 | `#f2ba9d` | `oklch(83.17% 0.0759 47.85)` | Tan Temptation | black, 12.2 to 1 |
| 25 | `#f1c0a1` | `oklch(84.32% 0.0704 54.29)` | Neighbourly Peach | black, 12.7 to 1 |
| 26 | `#efc6a3` | `oklch(85.38% 0.0656 62.54)` | Turnip Boy | black, 13.2 to 1 |
| 27 | `#eccca6` | `oklch(86.36% 0.0614 71.97)` | Autumn Blonde | black, 13.7 to 1 |
| 28 | `#e8d2aa` | `oklch(87.25% 0.0579 81.92)` | Morning Wheat | black, 14.2 to 1 |
| 29 | `#e5d7af` | `oklch(88.04% 0.0548 91.73)` | Champagne Cocktail | black, 14.6 to 1 |
| 30 | `#e1dbb4` | `oklch(88.72% 0.0522 100.75)` | Tempered Sage | black, 15 to 1 |
| 31 | `#dedfb9` | `oklch(89.30% 0.0501 108.31)` | Tropical Tale | black, 15.3 to 1 |
| 32 | `#dce1bd` | `oklch(89.76% 0.0482 113.75)` | Foamy Lime | black, 15.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #901f35 0.0%, #942137 3.2%, #9b253b 6.5%, #a3283f 9.7%, #ac2d44 12.9%, #b5324a 16.1%, #be374f 19.4%, #c63d54 22.6%, #cc4458 25.8%, #d24b5d 29.0%, #d85262 32.3%, #dc5a67 35.5%, #e1626c 38.7%, #e46a71 41.9%, #e87275 45.2%, #eb7a79 48.4%, #ee827d 51.6%, #f08a81 54.8%, #f29386 58.1%, #f39b8b 61.3%, #f3a390 64.5%, #f3ab95 67.7%, #f3b399 71.0%, #f2ba9d 74.2%, #f1c0a1 77.4%, #efc6a3 80.6%, #eccca6 83.9%, #e8d2aa 87.1%, #e5d7af 90.3%, #e1dbb4 93.5%, #dedfb9 96.8%, #dce1bd 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(43.31% 0.1474 15.47) 0.0%, oklch(44.48% 0.1499 15.42) 3.2%, oklch(46.05% 0.1536 15.29) 6.5%, oklch(47.92% 0.1580 15.13) 9.7%, oklch(50.00% 0.1627 14.99) 12.9%, oklch(52.17% 0.1669 14.92) 16.1%, oklch(54.35% 0.1703 14.97) 19.4%, oklch(56.43% 0.1721 15.18) 22.6%, oklch(58.33% 0.1720 15.59) 25.8%, oklch(60.16% 0.1702 16.03) 29.0%, oklch(61.99% 0.1671 16.51) 32.3%, oklch(63.81% 0.1628 17.08) 35.5%, oklch(65.61% 0.1578 17.82) 38.7%, oklch(67.38% 0.1520 18.81) 41.9%, oklch(69.12% 0.1459 20.13) 45.2%, oklch(70.82% 0.1396 21.84) 48.4%, oklch(72.48% 0.1331 23.96) 51.6%, oklch(74.15% 0.1255 26.21) 54.8%, oklch(75.80% 0.1171 28.64) 58.1%, oklch(77.43% 0.1082 31.38) 61.3%, oklch(79.00% 0.0992 34.55) 64.5%, oklch(80.50% 0.0906 38.26) 67.7%, oklch(81.89% 0.0827 42.66) 71.0%, oklch(83.17% 0.0759 47.85) 74.2%, oklch(84.32% 0.0704 54.29) 77.4%, oklch(85.38% 0.0656 62.54) 80.6%, oklch(86.36% 0.0614 71.97) 83.9%, oklch(87.25% 0.0579 81.92) 87.1%, oklch(88.04% 0.0548 91.73) 90.3%, oklch(88.72% 0.0522 100.75) 93.5%, oklch(89.30% 0.0501 108.31) 96.8%, oklch(89.76% 0.0482 113.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.433 | 0.147 | 15.5 |
| 2 | 0.579 | 0.172 | 15.5 |
| 3 | 0.717 | 0.136 | 22.9 |
| 4 | 0.835 | 0.074 | 49.3 |
| 5 | 0.898 | 0.048 | 113.7 |

## In these collections

- [Coral color palette](https://grabient.com/coral-color-palette)

## Other forms

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