# Coral ember warm halo

Analogous orange, salmon and purple radial gradient with 32 colors: #f27113, #f1721e, #f07229, #ef7333, #ed743c, #eb7545, #e9764c, #e67753, #e37758, #e0765c, #dd755f, #d97360, #d56f60, #d16b5f, #cd665d, #c8615b, #c35c59, #be5657, #b95255, #b34d54, #ae4a54, #a94954, #a34855, #9d4857, #974958, #904a59, #8a4b5a, #844c5b, #7e4d5b, #794e5c, #754f5b, #724f5b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous orange, salmon and purple radial gradient
- Seed: `kUsIQi1bC-EQuve7kj2g`
- Page: https://grabient.com/kUsIQi1bC-EQuve7kj2g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#f27113` | `oklch(69.29% 0.1819 48.52)` | Apocalyptic Orange | black, 7.1 to 1 |
| 2 | `#f1721e` | `oklch(69.23% 0.1789 47.61)` | Orange Zest | black, 7.1 to 1 |
| 3 | `#f07229` | `oklch(69.21% 0.1749 46.46)` | Orange Zest | black, 7.1 to 1 |
| 4 | `#ef7333` | `oklch(69.22% 0.1701 45.10)` | Orange Zest | black, 7.1 to 1 |
| 5 | `#ed743c` | `oklch(69.21% 0.1648 43.58)` | Debrito | black, 7.1 to 1 |
| 6 | `#eb7545` | `oklch(69.18% 0.1591 41.93)` | Debrito | black, 7.1 to 1 |
| 7 | `#e9764c` | `oklch(69.08% 0.1533 40.20)` | Koeksister | black, 7.1 to 1 |
| 8 | `#e67753` | `oklch(68.90% 0.1478 38.41)` | Koeksister | black, 7.1 to 1 |
| 9 | `#e37758` | `oklch(68.61% 0.1426 36.63)` | Potash | black, 7 to 1 |
| 10 | `#e0765c` | `oklch(68.17% 0.1381 34.88)` | Rustic Pottery | black, 6.9 to 1 |
| 11 | `#dd755f` | `oklch(67.57% 0.1346 33.20)` | Rustic Pottery | black, 6.7 to 1 |
| 12 | `#d97360` | `oklch(66.75% 0.1322 31.61)` | Mettwurst | black, 6.5 to 1 |
| 13 | `#d56f60` | `oklch(65.69% 0.1311 30.02)` | OK Corral | black, 6.2 to 1 |
| 14 | `#d16b5f` | `oklch(64.43% 0.1310 28.43)` | Matador’s Cape | black, 5.9 to 1 |
| 15 | `#cd665d` | `oklch(63.02% 0.1315 26.83)` | Southwestern Clay | black, 5.6 to 1 |
| 16 | `#c8615b` | `oklch(61.51% 0.1324 25.22)` | Sunglo | black, 5.3 to 1 |
| 17 | `#c35c59` | `oklch(59.95% 0.1332 23.59)` | Pimm’s | black, 4.9 to 1 |
| 18 | `#be5657` | `oklch(58.39% 0.1338 21.95)` | Chrysanthemum | black, 4.6 to 1 |
| 19 | `#b95255` | `oklch(56.89% 0.1337 20.30)` | Dressed to the Nines | white, 4.7 to 1 |
| 20 | `#b34d54` | `oklch(55.49% 0.1327 18.61)` | Enticing Red | white, 5 to 1 |
| 21 | `#ae4a54` | `oklch(54.26% 0.1305 16.91)` | Carmine Carnation | white, 5.3 to 1 |
| 22 | `#a94954` | `oklch(53.22% 0.1267 15.17)` | English Red | white, 5.5 to 1 |
| 23 | `#a34855` | `oklch(52.28% 0.1210 13.27)` | Drisheen | white, 5.8 to 1 |
| 24 | `#9d4857` | `oklch(51.42% 0.1138 11.23)` | Baked Bahama | white, 6 to 1 |
| 25 | `#974958` | `oklch(50.62% 0.1055 9.11)` | Haitian Flower | white, 6.1 to 1 |
| 26 | `#904a59` | `oklch(49.89% 0.0964 6.96)` | Dull Magenta | white, 6.3 to 1 |
| 27 | `#8a4b5a` | `oklch(49.23% 0.0870 4.84)` | Hawthorn Rose | white, 6.5 to 1 |
| 28 | `#844c5b` | `oklch(48.63% 0.0777 2.81)` | Wine Not | white, 6.6 to 1 |
| 29 | `#7e4d5b` | `oklch(48.09% 0.0689 0.93)` | Baroque Red | white, 6.7 to 1 |
| 30 | `#794e5c` | `oklch(47.62% 0.0610 359.25)` | Baroque Red | white, 6.8 to 1 |
| 31 | `#754f5b` | `oklch(47.20% 0.0544 357.83)` | Fine Wine | white, 6.9 to 1 |
| 32 | `#724f5b` | `oklch(46.85% 0.0496 356.73)` | Fine Wine | white, 7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f27113 0.0%, #f1721e 3.2%, #f07229 6.5%, #ef7333 9.7%, #ed743c 12.9%, #eb7545 16.1%, #e9764c 19.4%, #e67753 22.6%, #e37758 25.8%, #e0765c 29.0%, #dd755f 32.3%, #d97360 35.5%, #d56f60 38.7%, #d16b5f 41.9%, #cd665d 45.2%, #c8615b 48.4%, #c35c59 51.6%, #be5657 54.8%, #b95255 58.1%, #b34d54 61.3%, #ae4a54 64.5%, #a94954 67.7%, #a34855 71.0%, #9d4857 74.2%, #974958 77.4%, #904a59 80.6%, #8a4b5a 83.9%, #844c5b 87.1%, #7e4d5b 90.3%, #794e5c 93.5%, #754f5b 96.8%, #724f5b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(69.29% 0.1819 48.52) 0.0%, oklch(69.23% 0.1789 47.61) 3.2%, oklch(69.21% 0.1749 46.46) 6.5%, oklch(69.22% 0.1701 45.10) 9.7%, oklch(69.21% 0.1648 43.58) 12.9%, oklch(69.18% 0.1591 41.93) 16.1%, oklch(69.08% 0.1533 40.20) 19.4%, oklch(68.90% 0.1478 38.41) 22.6%, oklch(68.61% 0.1426 36.63) 25.8%, oklch(68.17% 0.1381 34.88) 29.0%, oklch(67.57% 0.1346 33.20) 32.3%, oklch(66.75% 0.1322 31.61) 35.5%, oklch(65.69% 0.1311 30.02) 38.7%, oklch(64.43% 0.1310 28.43) 41.9%, oklch(63.02% 0.1315 26.83) 45.2%, oklch(61.51% 0.1324 25.22) 48.4%, oklch(59.95% 0.1332 23.59) 51.6%, oklch(58.39% 0.1338 21.95) 54.8%, oklch(56.89% 0.1337 20.30) 58.1%, oklch(55.49% 0.1327 18.61) 61.3%, oklch(54.26% 0.1305 16.91) 64.5%, oklch(53.22% 0.1267 15.17) 67.7%, oklch(52.28% 0.1210 13.27) 71.0%, oklch(51.42% 0.1138 11.23) 74.2%, oklch(50.62% 0.1055 9.11) 77.4%, oklch(49.89% 0.0964 6.96) 80.6%, oklch(49.23% 0.0870 4.84) 83.9%, oklch(48.63% 0.0777 2.81) 87.1%, oklch(48.09% 0.0689 0.93) 90.3%, oklch(47.62% 0.0610 359.25) 93.5%, oklch(47.20% 0.0544 357.83) 96.8%, oklch(46.85% 0.0496 356.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.693 | 0.182 | 48.5 |
| 2 | 0.673 | 0.134 | 32.7 |
| 3 | 0.535 | 0.128 | 15.8 |
| 4 | 0.469 | 0.05 | -3.3 |

## In these collections

- [Warm gradients](https://grabient.com/warm-gradients)

## Other forms

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