# Ripe mango golden flesh

Analogous beige to burnt orange radial gradient with 32 colors: #f2e8c3, #f1e6bd, #f0e3b6, #efe0ad, #eedca4, #eed899, #edd48d, #eccf81, #ebca75, #ebc468, #eabf5b, #e9b94f, #e8b340, #e8ac2f, #e7a516, #e59e00, #e19800, #dd9200, #d98c00, #d58600, #d18000, #ce7a00, #ca7500, #c66f00, #c26900, #be6200, #ba5c00, #b65700, #b25100, #af4d00, #ad4900, #aa4500. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous beige to burnt orange radial gradient
- Seed: `kU7CRD6C8-1RFPZCRT2A`
- Page: https://grabient.com/kU7CRD6C8-1RFPZCRT2A?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.7 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 | `#f2e8c3` | `oklch(92.91% 0.0496 94.92)` | Ethereal Green | black, 17 to 1 |
| 2 | `#f1e6bd` | `oklch(92.30% 0.0543 94.42)` | Designer Cream Yellow | black, 16.7 to 1 |
| 3 | `#f0e3b6` | `oklch(91.54% 0.0603 93.84)` | James Blonde | black, 16.3 to 1 |
| 4 | `#efe0ad` | `oklch(90.66% 0.0675 93.17)` | Citrus Rind | black, 15.9 to 1 |
| 5 | `#eedca4` | `oklch(89.66% 0.0756 92.42)` | Refreshing Tea | black, 15.4 to 1 |
| 6 | `#eed899` | `oklch(88.58% 0.0843 91.57)` | Ivory Buff | black, 14.9 to 1 |
| 7 | `#edd48d` | `oklch(87.41% 0.0933 90.63)` | Nectar Jackpot | black, 14.3 to 1 |
| 8 | `#eccf81` | `oklch(86.18% 0.1024 89.60)` | Choux à la Crème | black, 13.7 to 1 |
| 9 | `#ebca75` | `oklch(84.92% 0.1112 88.46)` | Bee Pollen | black, 13.2 to 1 |
| 10 | `#ebc468` | `oklch(83.62% 0.1196 87.22)` | Quilt Gold | black, 12.6 to 1 |
| 11 | `#eabf5b` | `oklch(82.32% 0.1272 85.88)` | I’m a Local | black, 12 to 1 |
| 12 | `#e9b94f` | `oklch(81.00% 0.1341 84.41)` | Ronchi | black, 11.5 to 1 |
| 13 | `#e8b340` | `oklch(79.60% 0.1411 82.77)` | Honey Glow | black, 10.9 to 1 |
| 14 | `#e8ac2f` | `oklch(78.12% 0.1480 80.98)` | Tonkatsu | black, 10.3 to 1 |
| 15 | `#e7a516` | `oklch(76.59% 0.1549 79.07)` | Flambrosia | black, 9.8 to 1 |
| 16 | `#e59e00` | `oklch(75.01% 0.1569 77.05)` | Hot Butter | black, 9.2 to 1 |
| 17 | `#e19800` | `oklch(73.41% 0.1549 74.98)` | Golden Key | black, 8.7 to 1 |
| 18 | `#dd9200` | `oklch(71.81% 0.1530 72.87)` | Beige Red | black, 8.1 to 1 |
| 19 | `#d98c00` | `oklch(70.21% 0.1514 70.76)` | Fleur de Sel Caramel | black, 7.6 to 1 |
| 20 | `#d58600` | `oklch(68.64% 0.1500 68.67)` | Fleur de Sel Caramel | black, 7.2 to 1 |
| 21 | `#d18000` | `oklch(67.12% 0.1487 66.63)` | Copious Caramel | black, 6.8 to 1 |
| 22 | `#ce7a00` | `oklch(65.65% 0.1477 64.65)` | German Mustard | black, 6.4 to 1 |
| 23 | `#ca7500` | `oklch(64.13% 0.1468 62.57)` | Dirty Orange | black, 6 to 1 |
| 24 | `#c66f00` | `oklch(62.56% 0.1462 60.38)` | Sludge | black, 5.6 to 1 |
| 25 | `#c26900` | `oklch(60.95% 0.1457 58.12)` | Hawaiian Sunset | black, 5.2 to 1 |
| 26 | `#be6200` | `oklch(59.36% 0.1455 55.86)` | Fire Ant | black, 4.9 to 1 |
| 27 | `#ba5c00` | `oklch(57.82% 0.1456 53.64)` | Super Leaf Brown | black, 4.6 to 1 |
| 28 | `#b65700` | `oklch(56.35% 0.1458 51.53)` | Obscure Orange | white, 4.8 to 1 |
| 29 | `#b25100` | `oklch(55.00% 0.1463 49.58)` | Skrag Brown | white, 5.1 to 1 |
| 30 | `#af4d00` | `oklch(53.80% 0.1469 47.84)` | Skrag Brown | white, 5.4 to 1 |
| 31 | `#ad4900` | `oklch(52.78% 0.1475 46.36)` | Cinnamon Bun | white, 5.6 to 1 |
| 32 | `#aa4500` | `oklch(51.97% 0.1480 45.21)` | Pepperoni | white, 5.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f2e8c3 0.0%, #f1e6bd 3.2%, #f0e3b6 6.5%, #efe0ad 9.7%, #eedca4 12.9%, #eed899 16.1%, #edd48d 19.4%, #eccf81 22.6%, #ebca75 25.8%, #ebc468 29.0%, #eabf5b 32.3%, #e9b94f 35.5%, #e8b340 38.7%, #e8ac2f 41.9%, #e7a516 45.2%, #e59e00 48.4%, #e19800 51.6%, #dd9200 54.8%, #d98c00 58.1%, #d58600 61.3%, #d18000 64.5%, #ce7a00 67.7%, #ca7500 71.0%, #c66f00 74.2%, #c26900 77.4%, #be6200 80.6%, #ba5c00 83.9%, #b65700 87.1%, #b25100 90.3%, #af4d00 93.5%, #ad4900 96.8%, #aa4500 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0496 94.92) 0.0%, oklch(92.30% 0.0543 94.42) 3.2%, oklch(91.54% 0.0603 93.84) 6.5%, oklch(90.66% 0.0675 93.17) 9.7%, oklch(89.66% 0.0756 92.42) 12.9%, oklch(88.58% 0.0843 91.57) 16.1%, oklch(87.41% 0.0933 90.63) 19.4%, oklch(86.18% 0.1024 89.60) 22.6%, oklch(84.92% 0.1112 88.46) 25.8%, oklch(83.62% 0.1196 87.22) 29.0%, oklch(82.32% 0.1272 85.88) 32.3%, oklch(81.00% 0.1341 84.41) 35.5%, oklch(79.60% 0.1411 82.77) 38.7%, oklch(78.12% 0.1480 80.98) 41.9%, oklch(76.59% 0.1549 79.07) 45.2%, oklch(75.01% 0.1569 77.05) 48.4%, oklch(73.41% 0.1549 74.98) 51.6%, oklch(71.81% 0.1530 72.87) 54.8%, oklch(70.21% 0.1514 70.76) 58.1%, oklch(68.64% 0.1500 68.67) 61.3%, oklch(67.12% 0.1487 66.63) 64.5%, oklch(65.65% 0.1477 64.65) 67.7%, oklch(64.13% 0.1468 62.57) 71.0%, oklch(62.56% 0.1462 60.38) 74.2%, oklch(60.95% 0.1457 58.12) 77.4%, oklch(59.36% 0.1455 55.86) 80.6%, oklch(57.82% 0.1456 53.64) 83.9%, oklch(56.35% 0.1458 51.53) 87.1%, oklch(55.00% 0.1463 49.58) 90.3%, oklch(53.80% 0.1469 47.84) 93.5%, oklch(52.78% 0.1475 46.36) 96.8%, oklch(51.97% 0.1480 45.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.05 | 94.9 |
| 2 | 0.819 | 0.13 | 85.4 |
| 3 | 0.661 | 0.19 | 65.3 |
| 4 | 0.52 | 0.19 | 45.3 |

## In these collections

- [Tropical gradients](https://grabient.com/tropical-gradients)

## Other forms

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