# Orange, gray, blue and dark purple radial gradient

Orange, gray, blue and dark purple radial gradient with 32 colors: #be4812, #c14f18, #c75920, #cd6528, #d27132, #d37c3b, #d18747, #cc9157, #c69a69, #bfa278, #b7a884, #afac8b, #a3b093, #96b29c, #89b1a6, #7faeaf, #77aab3, #6ca5b5, #5d9fb5, #4d98b4, #3e90b0, #3787aa, #347c9e, #336f8e, #33637f, #345772, #364d68, #3b4261, #433756, #492e47, #4b2737, #4b242a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kajXYdVbBBt2SRFak00zCJCzUUQooFc4A`
- Page: https://grabient.com/kajXYdVbBBt2SRFak00zCJCzUUQooFc4A?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#be4812` | `oklch(55.51% 0.1626 40.78)` | Brick Orange | white, 5.1 to 1 |
| 2 | `#c14f18` | `oklch(57.14% 0.1594 42.38)` | Crustose Lichen | white, 4.7 to 1 |
| 3 | `#c75920` | `oklch(59.48% 0.1555 44.41)` | Grieving Daylily | black, 4.8 to 1 |
| 4 | `#cd6528` | `oklch(62.16% 0.1502 47.05)` | Harvest Pumpkin | black, 5.4 to 1 |
| 5 | `#d27132` | `oklch(64.80% 0.1433 50.44)` | Tango | black, 6.1 to 1 |
| 6 | `#d37c3b` | `oklch(67.02% 0.1341 54.76)` | Fired Up | black, 6.7 to 1 |
| 7 | `#d18747` | `oklch(68.75% 0.1210 59.46)` | Acorn Nut | black, 7.2 to 1 |
| 8 | `#cc9157` | `oklch(70.32% 0.1033 64.01)` | Ginger Crisp | black, 7.7 to 1 |
| 9 | `#c69a69` | `oklch(71.67% 0.0841 69.52)` | Amber Autumn | black, 8.2 to 1 |
| 10 | `#bfa278` | `oklch(72.75% 0.0662 77.14)` | Season Finale | black, 8.6 to 1 |
| 11 | `#b7a884` | `oklch(73.47% 0.0526 88.01)` | Barbados Beige | black, 8.9 to 1 |
| 12 | `#afac8b` | `oklch(73.81% 0.0455 103.98)` | Underhive Ash | black, 9 to 1 |
| 13 | `#a3b093` | `oklch(73.82% 0.0428 126.23)` | Family Tree | black, 9.1 to 1 |
| 14 | `#96b29c` | `oklch(73.51% 0.0434 151.50)` | Burma Jade | black, 9.1 to 1 |
| 15 | `#89b1a6` | `oklch(72.87% 0.0462 176.23)` | Silicate Green | black, 8.9 to 1 |
| 16 | `#7faeaf` | `oklch(71.88% 0.0502 196.88)` | Galaxy Green | black, 8.6 to 1 |
| 17 | `#77aab3` | `oklch(70.54% 0.0552 210.40)` | Snowboard | black, 8.1 to 1 |
| 18 | `#6ca5b5` | `oklch(68.81% 0.0639 218.11)` | Estuary Blue | black, 7.6 to 1 |
| 19 | `#5d9fb5` | `oklch(66.72% 0.0747 222.12)` | Inuit | black, 7 to 1 |
| 20 | `#4d98b4` | `oklch(64.34% 0.0849 224.29)` | Hush-A-Bye | black, 6.4 to 1 |
| 21 | `#3e90b0` | `oklch(61.71% 0.0920 226.49)` | Boston Blue | black, 5.8 to 1 |
| 22 | `#3787aa` | `oklch(58.85% 0.0934 230.19)` | Underwater Moonlight | black, 5.1 to 1 |
| 23 | `#347c9e` | `oklch(55.45% 0.0884 232.36)` | Blue Dart Frog | white, 4.6 to 1 |
| 24 | `#336f8e` | `oklch(51.68% 0.0793 233.61)` | Big Ocean Wave | white, 5.4 to 1 |
| 25 | `#33637f` | `oklch(47.85% 0.0689 236.11)` | Carbide | white, 6.4 to 1 |
| 26 | `#345772` | `oklch(44.28% 0.0598 242.00)` | Winner’s Circle | white, 7.6 to 1 |
| 27 | `#364d68` | `oklch(41.28% 0.0546 253.52)` | Deep Royal | white, 8.7 to 1 |
| 28 | `#3b4261` | `oklch(38.69% 0.0532 273.82)` | Church Blue | white, 9.8 to 1 |
| 29 | `#433756` | `oklch(36.36% 0.0540 300.38)` | Purple Plumeria | white, 10.9 to 1 |
| 30 | `#492e47` | `oklch(34.35% 0.0560 328.48)` | Purple Pennant | white, 11.9 to 1 |
| 31 | `#4b2737` | `oklch(32.71% 0.0581 353.42)` | Wine Tasting | white, 12.7 to 1 |
| 32 | `#4b242a` | `oklch(31.50% 0.0593 10.49)` | Lees | white, 13.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #be4812 0.0%, #c14f18 3.2%, #c75920 6.5%, #cd6528 9.7%, #d27132 12.9%, #d37c3b 16.1%, #d18747 19.4%, #cc9157 22.6%, #c69a69 25.8%, #bfa278 29.0%, #b7a884 32.3%, #afac8b 35.5%, #a3b093 38.7%, #96b29c 41.9%, #89b1a6 45.2%, #7faeaf 48.4%, #77aab3 51.6%, #6ca5b5 54.8%, #5d9fb5 58.1%, #4d98b4 61.3%, #3e90b0 64.5%, #3787aa 67.7%, #347c9e 71.0%, #336f8e 74.2%, #33637f 77.4%, #345772 80.6%, #364d68 83.9%, #3b4261 87.1%, #433756 90.3%, #492e47 93.5%, #4b2737 96.8%, #4b242a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(55.51% 0.1626 40.78) 0.0%, oklch(57.14% 0.1594 42.38) 3.2%, oklch(59.48% 0.1555 44.41) 6.5%, oklch(62.16% 0.1502 47.05) 9.7%, oklch(64.80% 0.1433 50.44) 12.9%, oklch(67.02% 0.1341 54.76) 16.1%, oklch(68.75% 0.1210 59.46) 19.4%, oklch(70.32% 0.1033 64.01) 22.6%, oklch(71.67% 0.0841 69.52) 25.8%, oklch(72.75% 0.0662 77.14) 29.0%, oklch(73.47% 0.0526 88.01) 32.3%, oklch(73.81% 0.0455 103.98) 35.5%, oklch(73.82% 0.0428 126.23) 38.7%, oklch(73.51% 0.0434 151.50) 41.9%, oklch(72.87% 0.0462 176.23) 45.2%, oklch(71.88% 0.0502 196.88) 48.4%, oklch(70.54% 0.0552 210.40) 51.6%, oklch(68.81% 0.0639 218.11) 54.8%, oklch(66.72% 0.0747 222.12) 58.1%, oklch(64.34% 0.0849 224.29) 61.3%, oklch(61.71% 0.0920 226.49) 64.5%, oklch(58.85% 0.0934 230.19) 67.7%, oklch(55.45% 0.0884 232.36) 71.0%, oklch(51.68% 0.0793 233.61) 74.2%, oklch(47.85% 0.0689 236.11) 77.4%, oklch(44.28% 0.0598 242.00) 80.6%, oklch(41.28% 0.0546 253.52) 83.9%, oklch(38.69% 0.0532 273.82) 87.1%, oklch(36.36% 0.0540 300.38) 90.3%, oklch(34.35% 0.0560 328.48) 93.5%, oklch(32.71% 0.0581 353.42) 96.8%, oklch(31.50% 0.0593 10.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.555 | 0.163 | 40.8 |
| 2 | 0.673 | 0.132 | 55.6 |
| 3 | 0.736 | 0.05 | 92.6 |
| 4 | 0.713 | 0.052 | 204.6 |
| 5 | 0.598 | 0.094 | 228.9 |
| 6 | 0.417 | 0.055 | 251.1 |
| 7 | 0.315 | 0.059 | 370.5 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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