# Vivid orange, maroon and brown radial gradient

Vivid orange, maroon and brown radial gradient with 64 colors: #f36223, #ee5f22, #e95c21, #e25720, #db521f, #d24c1e, #c9461c, #c0401a, #b63918, #ac3316, #a22c14, #992611, #8f200f, #871a0c, #7e1409, #770f07, #710a05, #6b0604, #670302, #640201, #620301, #620400, #640700, #670d00, #6c1300, #721a00, #7a2100, #822900, #8c3100, #963a00, #a04400, #ab4e00, #b65800, #c06302, #cb6d03, #d57706, #de810a, #e68b0e, #ed9312, #f49b16, #f9a219, #fca71c, #ffab1e, #ffad23, #ffae22, #feae21, #fcad21, #f9ab21, #f6a920, #f2a51f, #eda21d, #e89e1b, #e39919, #de9417, #d88f14, #d38b12, #cd860f, #c8810c, #c37d09, #bf7907, #ba7505, #b77203, #b47002, #b26e01. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUq4sdKC2-uY8RPML79g`
- Page: https://grabient.com/kUq4sdKC2-uY8RPML79g?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#f36223` | `oklch(67.32% 0.1915 40.78)` | Scarlet Ibis | black, 6.5 to 1 |
| 2 | `#ee5f22` | `oklch(66.30% 0.1897 40.45)` | Durotar Fire | black, 6.3 to 1 |
| 3 | `#e95c21` | `oklch(64.96% 0.1874 39.97)` | Puffins Bill | black, 5.9 to 1 |
| 4 | `#e25720` | `oklch(63.34% 0.1846 39.36)` | Flame | black, 5.6 to 1 |
| 5 | `#db521f` | `oklch(61.49% 0.1815 38.65)` | Langoustine | black, 5.2 to 1 |
| 6 | `#d24c1e` | `oklch(59.44% 0.1781 37.85)` | Dizzy Days | black, 4.8 to 1 |
| 7 | `#c9461c` | `oklch(57.23% 0.1744 36.99)` | Fire Bolt | white, 4.7 to 1 |
| 8 | `#c0401a` | `oklch(54.90% 0.1705 36.08)` | Shēn Chéng Orange | white, 5.2 to 1 |
| 9 | `#b63918` | `oklch(52.49% 0.1664 35.15)` | Bricky Brick | white, 5.8 to 1 |
| 10 | `#ac3316` | `oklch(50.03% 0.1622 34.22)` | Shakshuka | white, 6.4 to 1 |
| 11 | `#a22c14` | `oklch(47.58% 0.1581 33.30)` | Sugo Della Nonna | white, 7.1 to 1 |
| 12 | `#992611` | `oklch(45.15% 0.1539 32.42)` | Bestial Red | white, 7.9 to 1 |
| 13 | `#8f200f` | `oklch(42.81% 0.1498 31.60)` | Uluru Red | white, 8.8 to 1 |
| 14 | `#871a0c` | `oklch(40.58% 0.1458 30.86)` | Red Leever | white, 9.6 to 1 |
| 15 | `#7e1409` | `oklch(38.50% 0.1420 30.21)` | Grubby Red | white, 10.5 to 1 |
| 16 | `#770f07` | `oklch(36.61% 0.1385 29.69)` | Notes of Plum | white, 11.3 to 1 |
| 17 | `#710a05` | `oklch(34.95% 0.1352 29.31)` | Chaotic Red | white, 12 to 1 |
| 18 | `#6b0604` | `oklch(33.56% 0.1323 29.08)` | Arcavia Red | white, 12.6 to 1 |
| 19 | `#670302` | `oklch(32.49% 0.1299 29.04)` | Red Blood | white, 13.1 to 1 |
| 20 | `#640201` | `oklch(31.76% 0.1278 29.20)` | Red Blood | white, 13.5 to 1 |
| 21 | `#620301` | `oklch(31.41% 0.1263 29.59)` | Vampire Hunter | white, 13.6 to 1 |
| 22 | `#620400` | `oklch(31.50% 0.1254 30.21)` | Vampire Hunter | white, 13.6 to 1 |
| 23 | `#640700` | `oklch(32.07% 0.1250 30.99)` | Red Blood | white, 13.3 to 1 |
| 24 | `#670d00` | `oklch(33.13% 0.1248 32.24)` | Cowpeas | white, 12.8 to 1 |
| 25 | `#6c1300` | `oklch(34.64% 0.1253 33.77)` | Reddy Brown | white, 12.1 to 1 |
| 26 | `#721a00` | `oklch(36.53% 0.1265 35.54)` | Cedar Wood Finish | white, 11.2 to 1 |
| 27 | `#7a2100` | `oklch(38.77% 0.1282 37.54)` | Buried Lust | white, 10.2 to 1 |
| 28 | `#822900` | `oklch(41.30% 0.1304 39.72)` | Reddish Brown | white, 9.2 to 1 |
| 29 | `#8c3100` | `oklch(44.07% 0.1329 42.05)` | Coffee Addiction | white, 8.2 to 1 |
| 30 | `#963a00` | `oklch(47.03% 0.1356 44.49)` | Citrine Brown | white, 7.2 to 1 |
| 31 | `#a04400` | `oklch(50.13% 0.1386 47.03)` | Powdered Coffee | white, 6.3 to 1 |
| 32 | `#ab4e00` | `oklch(53.33% 0.1418 49.61)` | Cinnamon Bun | white, 5.5 to 1 |
| 33 | `#b65800` | `oklch(56.57% 0.1449 52.25)` | Elm Brown Red | white, 4.7 to 1 |
| 34 | `#c06302` | `oklch(59.80% 0.1479 54.85)` | Fire Ant | black, 5 to 1 |
| 35 | `#cb6d03` | `oklch(62.97% 0.1508 57.40)` | Sludge | black, 5.7 to 1 |
| 36 | `#d57706` | `oklch(66.04% 0.1536 59.88)` | Autumn Leaf Orange | black, 6.4 to 1 |
| 37 | `#de810a` | `oklch(68.95% 0.1563 62.26)` | Sports Fan | black, 7.2 to 1 |
| 38 | `#e68b0e` | `oklch(71.65% 0.1587 64.49)` | Hotter Butter | black, 8 to 1 |
| 39 | `#ed9312` | `oklch(74.10% 0.1608 66.56)` | Carrot Orange | black, 8.8 to 1 |
| 40 | `#f49b16` | `oklch(76.24% 0.1626 68.42)` | DodgeRoll Gold | black, 9.5 to 1 |
| 41 | `#f9a219` | `oklch(78.02% 0.1640 70.05)` | Phoenix Flames | black, 10.1 to 1 |
| 42 | `#fca71c` | `oklch(79.40% 0.1649 71.42)` | California Girl | black, 10.7 to 1 |
| 43 | `#ffab1e` | `oklch(80.31% 0.1654 72.48)` | Averland Sunset | black, 11 to 1 |
| 44 | `#ffad23` | `oklch(80.81% 0.1642 73.29)` | Yellowish Orange | black, 11.2 to 1 |
| 45 | `#ffae22` | `oklch(80.98% 0.1644 73.88)` | Turmeric Root | black, 11.3 to 1 |
| 46 | `#feae21` | `oklch(80.85% 0.1640 74.28)` | Turmeric Root | black, 11.2 to 1 |
| 47 | `#fcad21` | `oklch(80.44% 0.1629 74.52)` | Yellowish Orange | black, 11.1 to 1 |
| 48 | `#f9ab21` | `oklch(79.79% 0.1616 74.60)` | Gusto Gold | black, 10.9 to 1 |
| 49 | `#f6a920` | `oklch(78.92% 0.1599 74.54)` | Spectra Yellow | black, 10.5 to 1 |
| 50 | `#f2a51f` | `oklch(77.87% 0.1581 74.36)` | Orange Pospsicle | black, 10.1 to 1 |
| 51 | `#eda21d` | `oklch(76.65% 0.1561 74.08)` | Lemon Dream | black, 9.7 to 1 |
| 52 | `#e89e1b` | `oklch(75.32% 0.1540 73.70)` | Clarified Butter | black, 9.3 to 1 |
| 53 | `#e39919` | `oklch(73.88% 0.1518 73.26)` | Gamboge | black, 8.8 to 1 |
| 54 | `#de9417` | `oklch(72.37% 0.1495 72.75)` | Beige Red | black, 8.3 to 1 |
| 55 | `#d88f14` | `oklch(70.82% 0.1472 72.21)` | Harvest Eve Gold | black, 7.8 to 1 |
| 56 | `#d38b12` | `oklch(69.26% 0.1449 71.65)` | Fleur de Sel Caramel | black, 7.4 to 1 |
| 57 | `#cd860f` | `oklch(67.72% 0.1426 71.07)` | Lobster Butter Sauce | black, 7 to 1 |
| 58 | `#c8810c` | `oklch(66.22% 0.1404 70.51)` | Bamboo Brown | black, 6.6 to 1 |
| 59 | `#c37d09` | `oklch(64.80% 0.1383 69.98)` | Turmeric Brown | black, 6.2 to 1 |
| 60 | `#bf7907` | `oklch(63.48% 0.1364 69.48)` | Cassandra’s Curse | black, 5.9 to 1 |
| 61 | `#ba7505` | `oklch(62.30% 0.1347 69.05)` | Caramel Coating | black, 5.6 to 1 |
| 62 | `#b77203` | `oklch(61.28% 0.1331 68.69)` | Sweet Mulled Cider | black, 5.4 to 1 |
| 63 | `#b47002` | `oklch(60.45% 0.1319 68.42)` | Sweet Mulled Cider | black, 5.2 to 1 |
| 64 | `#b26e01` | `oklch(59.84% 0.1309 68.26)` | Caramel | black, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f36223 0.0%, #ee5f22 1.6%, #e95c21 3.2%, #e25720 4.8%, #db521f 6.3%, #d24c1e 7.9%, #c9461c 9.5%, #c0401a 11.1%, #b63918 12.7%, #ac3316 14.3%, #a22c14 15.9%, #992611 17.5%, #8f200f 19.0%, #871a0c 20.6%, #7e1409 22.2%, #770f07 23.8%, #710a05 25.4%, #6b0604 27.0%, #670302 28.6%, #640201 30.2%, #620301 31.7%, #620400 33.3%, #640700 34.9%, #670d00 36.5%, #6c1300 38.1%, #721a00 39.7%, #7a2100 41.3%, #822900 42.9%, #8c3100 44.4%, #963a00 46.0%, #a04400 47.6%, #ab4e00 49.2%, #b65800 50.8%, #c06302 52.4%, #cb6d03 54.0%, #d57706 55.6%, #de810a 57.1%, #e68b0e 58.7%, #ed9312 60.3%, #f49b16 61.9%, #f9a219 63.5%, #fca71c 65.1%, #ffab1e 66.7%, #ffad23 68.3%, #ffae22 69.8%, #feae21 71.4%, #fcad21 73.0%, #f9ab21 74.6%, #f6a920 76.2%, #f2a51f 77.8%, #eda21d 79.4%, #e89e1b 81.0%, #e39919 82.5%, #de9417 84.1%, #d88f14 85.7%, #d38b12 87.3%, #cd860f 88.9%, #c8810c 90.5%, #c37d09 92.1%, #bf7907 93.7%, #ba7505 95.2%, #b77203 96.8%, #b47002 98.4%, #b26e01 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(67.32% 0.1915 40.78) 0.0%, oklch(66.30% 0.1897 40.45) 1.6%, oklch(64.96% 0.1874 39.97) 3.2%, oklch(63.34% 0.1846 39.36) 4.8%, oklch(61.49% 0.1815 38.65) 6.3%, oklch(59.44% 0.1781 37.85) 7.9%, oklch(57.23% 0.1744 36.99) 9.5%, oklch(54.90% 0.1705 36.08) 11.1%, oklch(52.49% 0.1664 35.15) 12.7%, oklch(50.03% 0.1622 34.22) 14.3%, oklch(47.58% 0.1581 33.30) 15.9%, oklch(45.15% 0.1539 32.42) 17.5%, oklch(42.81% 0.1498 31.60) 19.0%, oklch(40.58% 0.1458 30.86) 20.6%, oklch(38.50% 0.1420 30.21) 22.2%, oklch(36.61% 0.1385 29.69) 23.8%, oklch(34.95% 0.1352 29.31) 25.4%, oklch(33.56% 0.1323 29.08) 27.0%, oklch(32.49% 0.1299 29.04) 28.6%, oklch(31.76% 0.1278 29.20) 30.2%, oklch(31.41% 0.1263 29.59) 31.7%, oklch(31.50% 0.1254 30.21) 33.3%, oklch(32.07% 0.1250 30.99) 34.9%, oklch(33.13% 0.1248 32.24) 36.5%, oklch(34.64% 0.1253 33.77) 38.1%, oklch(36.53% 0.1265 35.54) 39.7%, oklch(38.77% 0.1282 37.54) 41.3%, oklch(41.30% 0.1304 39.72) 42.9%, oklch(44.07% 0.1329 42.05) 44.4%, oklch(47.03% 0.1356 44.49) 46.0%, oklch(50.13% 0.1386 47.03) 47.6%, oklch(53.33% 0.1418 49.61) 49.2%, oklch(56.57% 0.1449 52.25) 50.8%, oklch(59.80% 0.1479 54.85) 52.4%, oklch(62.97% 0.1508 57.40) 54.0%, oklch(66.04% 0.1536 59.88) 55.6%, oklch(68.95% 0.1563 62.26) 57.1%, oklch(71.65% 0.1587 64.49) 58.7%, oklch(74.10% 0.1608 66.56) 60.3%, oklch(76.24% 0.1626 68.42) 61.9%, oklch(78.02% 0.1640 70.05) 63.5%, oklch(79.40% 0.1649 71.42) 65.1%, oklch(80.31% 0.1654 72.48) 66.7%, oklch(80.81% 0.1642 73.29) 68.3%, oklch(80.98% 0.1644 73.88) 69.8%, oklch(80.85% 0.1640 74.28) 71.4%, oklch(80.44% 0.1629 74.52) 73.0%, oklch(79.79% 0.1616 74.60) 74.6%, oklch(78.92% 0.1599 74.54) 76.2%, oklch(77.87% 0.1581 74.36) 77.8%, oklch(76.65% 0.1561 74.08) 79.4%, oklch(75.32% 0.1540 73.70) 81.0%, oklch(73.88% 0.1518 73.26) 82.5%, oklch(72.37% 0.1495 72.75) 84.1%, oklch(70.82% 0.1472 72.21) 85.7%, oklch(69.26% 0.1449 71.65) 87.3%, oklch(67.72% 0.1426 71.07) 88.9%, oklch(66.22% 0.1404 70.51) 90.5%, oklch(64.80% 0.1383 69.98) 92.1%, oklch(63.48% 0.1364 69.48) 93.7%, oklch(62.30% 0.1347 69.05) 95.2%, oklch(61.28% 0.1331 68.69) 96.8%, oklch(60.45% 0.1319 68.42) 98.4%, oklch(59.84% 0.1309 68.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.192 | 40.8 |
| 2 | 0.315 | 0.125 | 30.2 |
| 3 | 0.803 | 0.165 | 72.5 |
| 4 | 0.598 | 0.131 | 68.3 |

## Other forms

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