# Red winter sun haze

Analogous beige, peach and maroon radial gradient with 32 colors: #fcecd1, #fbe8ca, #fae2c1, #f9dcb6, #f9d4aa, #f8cc9e, #f7c393, #f5bb88, #f4b27e, #f2aa74, #f0a16b, #ee9762, #eb8d5a, #e88453, #e47b4d, #e07248, #db6a44, #d66240, #d05b3d, #cb553a, #c54e38, #be4936, #b84335, #b03e33, #a93a32, #a03632, #963331, #8c3030, #832d2f, #7b2b2e, #74292d, #6f282c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous beige, peach and maroon radial gradient
- Seed: `kW8R05aCS9lQ2vZCNr6MKS-4`
- Page: https://grabient.com/kW8R05aCS9lQ2vZCNr6MKS-4?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.9 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 | `#fcecd1` | `oklch(94.88% 0.0400 80.16)` | Popcorn Ball | black, 18 to 1 |
| 2 | `#fbe8ca` | `oklch(93.86% 0.0449 78.55)` | Spanish Lace | black, 17.4 to 1 |
| 3 | `#fae2c1` | `oklch(92.52% 0.0516 76.40)` | Manna | black, 16.7 to 1 |
| 4 | `#f9dcb6` | `oklch(90.92% 0.0595 73.84)` | Hinoki | black, 15.9 to 1 |
| 5 | `#f9d4aa` | `oklch(89.14% 0.0683 71.01)` | Aged Ivory | black, 15 to 1 |
| 6 | `#f8cc9e` | `oklch(87.23% 0.0774 68.02)` | Apricot Ice Cream | black, 14.1 to 1 |
| 7 | `#f7c393` | `oklch(85.27% 0.0864 65.01)` | Melon Melody | black, 13.2 to 1 |
| 8 | `#f5bb88` | `oklch(83.31% 0.0949 62.11)` | Fresh Peaches | black, 12.3 to 1 |
| 9 | `#f4b27e` | `oklch(81.42% 0.1024 59.43)` | Smoked Ham | black, 11.5 to 1 |
| 10 | `#f2aa74` | `oklch(79.49% 0.1098 56.75)` | Hazelnut Milk | black, 10.7 to 1 |
| 11 | `#f0a16b` | `oklch(77.47% 0.1173 54.00)` | Monarch Orange | black, 9.9 to 1 |
| 12 | `#ee9762` | `oklch(75.40% 0.1247 51.23)` | Topaz Yellow | black, 9.2 to 1 |
| 13 | `#eb8d5a` | `oklch(73.30% 0.1318 48.49)` | Heat of Summer | black, 8.5 to 1 |
| 14 | `#e88453` | `oklch(71.20% 0.1383 45.85)` | Orangevale | black, 7.8 to 1 |
| 15 | `#e47b4d` | `oklch(69.13% 0.1439 43.35)` | Jaffa | black, 7.2 to 1 |
| 16 | `#e07248` | `oklch(67.12% 0.1484 41.06)` | Knockout Orange | black, 6.6 to 1 |
| 17 | `#db6a44` | `oklch(65.18% 0.1517 39.00)` | Bonfire Night | black, 6.1 to 1 |
| 18 | `#d66240` | `oklch(63.29% 0.1541 37.17)` | Medium Vermilion | black, 5.6 to 1 |
| 19 | `#d05b3d` | `oklch(61.44% 0.1556 35.51)` | Reed Mace | black, 5.2 to 1 |
| 20 | `#cb553a` | `oklch(59.61% 0.1563 34.00)` | Cinnamon Stone | black, 4.8 to 1 |
| 21 | `#c54e38` | `oklch(57.80% 0.1562 32.59)` | Trinidad | white, 4.6 to 1 |
| 22 | `#be4936` | `oklch(56.01% 0.1553 31.27)` | Volcanic Unrest | white, 5 to 1 |
| 23 | `#b84335` | `oklch(54.21% 0.1536 29.98)` | Fiery Topaz | white, 5.4 to 1 |
| 24 | `#b03e33` | `oklch(52.42% 0.1510 28.70)` | Medium Carmine | white, 5.8 to 1 |
| 25 | `#a93a32` | `oklch(50.56% 0.1471 27.40)` | Sweet Brown | white, 6.3 to 1 |
| 26 | `#a03632` | `oklch(48.56% 0.1414 26.09)` | Milano Red | white, 6.8 to 1 |
| 27 | `#963331` | `oklch(46.49% 0.1342 24.80)` | Red Ochre | white, 7.4 to 1 |
| 28 | `#8c3030` | `oklch(44.44% 0.1264 23.57)` | Old Brick | white, 8.1 to 1 |
| 29 | `#832d2f` | `oklch(42.50% 0.1185 22.43)` | Polished Apple | white, 8.8 to 1 |
| 30 | `#7b2b2e` | `oklch(40.76% 0.1111 21.42)` | Chocolate Bhut Jolokia | white, 9.4 to 1 |
| 31 | `#74292d` | `oklch(39.29% 0.1049 20.58)` | Tamarillo | white, 10 to 1 |
| 32 | `#6f282c` | `oklch(38.19% 0.1006 19.92)` | Spring Lobster Brown | white, 10.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fcecd1 0.0%, #fbe8ca 3.2%, #fae2c1 6.5%, #f9dcb6 9.7%, #f9d4aa 12.9%, #f8cc9e 16.1%, #f7c393 19.4%, #f5bb88 22.6%, #f4b27e 25.8%, #f2aa74 29.0%, #f0a16b 32.3%, #ee9762 35.5%, #eb8d5a 38.7%, #e88453 41.9%, #e47b4d 45.2%, #e07248 48.4%, #db6a44 51.6%, #d66240 54.8%, #d05b3d 58.1%, #cb553a 61.3%, #c54e38 64.5%, #be4936 67.7%, #b84335 71.0%, #b03e33 74.2%, #a93a32 77.4%, #a03632 80.6%, #963331 83.9%, #8c3030 87.1%, #832d2f 90.3%, #7b2b2e 93.5%, #74292d 96.8%, #6f282c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.88% 0.0400 80.16) 0.0%, oklch(93.86% 0.0449 78.55) 3.2%, oklch(92.52% 0.0516 76.40) 6.5%, oklch(90.92% 0.0595 73.84) 9.7%, oklch(89.14% 0.0683 71.01) 12.9%, oklch(87.23% 0.0774 68.02) 16.1%, oklch(85.27% 0.0864 65.01) 19.4%, oklch(83.31% 0.0949 62.11) 22.6%, oklch(81.42% 0.1024 59.43) 25.8%, oklch(79.49% 0.1098 56.75) 29.0%, oklch(77.47% 0.1173 54.00) 32.3%, oklch(75.40% 0.1247 51.23) 35.5%, oklch(73.30% 0.1318 48.49) 38.7%, oklch(71.20% 0.1383 45.85) 41.9%, oklch(69.13% 0.1439 43.35) 45.2%, oklch(67.12% 0.1484 41.06) 48.4%, oklch(65.18% 0.1517 39.00) 51.6%, oklch(63.29% 0.1541 37.17) 54.8%, oklch(61.44% 0.1556 35.51) 58.1%, oklch(59.61% 0.1563 34.00) 61.3%, oklch(57.80% 0.1562 32.59) 64.5%, oklch(56.01% 0.1553 31.27) 67.7%, oklch(54.21% 0.1536 29.98) 71.0%, oklch(52.42% 0.1510 28.70) 74.2%, oklch(50.56% 0.1471 27.40) 77.4%, oklch(48.56% 0.1414 26.09) 80.6%, oklch(46.49% 0.1342 24.80) 83.9%, oklch(44.44% 0.1264 23.57) 87.1%, oklch(42.50% 0.1185 22.43) 90.3%, oklch(40.76% 0.1111 21.42) 93.5%, oklch(39.29% 0.1049 20.58) 96.8%, oklch(38.19% 0.1006 19.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.04 | 80.2 |
| 2 | 0.819 | 0.101 | 60.1 |
| 3 | 0.661 | 0.15 | 40 |
| 4 | 0.52 | 0.15 | 28.4 |
| 5 | 0.382 | 0.101 | 19.9 |

## In these collections

- [Winter sunset gradients](https://grabient.com/winter-sunset-gradients)

## Other forms

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