# Orange, beige, purple and green radial gradient

Orange, beige, purple and green radial gradient with 56 colors: #d89028, #da9538, #dd9c4a, #e1a45d, #e5ae70, #e9b884, #edc296, #f0cca8, #f3d6b8, #f5ddc5, #f7e3cf, #f8e7d5, #f8e9d7, #f8ead7, #f6ebd4, #f4eacf, #f0e9c9, #ebe7c2, #e5e5ba, #dde2b2, #d6dea9, #d0d89e, #ccd193, #cac783, #cab871, #caa65e, #ca9151, #c67b4d, #bf6651, #b45459, #a74661, #9b3b68, #92346c, #8f306d, #932f6a, #9e3164, #ac3659, #bc4148, #c9512e, #d06900, #cc8300, #c89a00, #c0ae00, #b4be1b, #a7c83e, #9dcd4f, #96cf59, #92cd5f, #8fc960, #8ec45f, #8ebe5d, #8db85a, #8db257, #8dad54, #8ca853, #8ba653. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYtGYydws_-seRO7tLDY7xQNcpwC`
- Page: https://grabient.com/kYtGYydws_-seRO7tLDY7xQNcpwC?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#d89028` | `oklch(70.87% 0.1406 70.31)` | Autumn Blaze | black, 7.9 to 1 |
| 2 | `#da9538` | `oklch(72.21% 0.1341 70.15)` | Leprous Brown | black, 8.3 to 1 |
| 3 | `#dd9c4a` | `oklch(74.06% 0.1250 69.74)` | Pavilion Peach | black, 8.9 to 1 |
| 4 | `#e1a45d` | `oklch(76.32% 0.1140 69.17)` | India Trade | black, 9.7 to 1 |
| 5 | `#e5ae70` | `oklch(78.85% 0.1017 68.53)` | Mac N Cheese | black, 10.6 to 1 |
| 6 | `#e9b884` | `oklch(81.52% 0.0887 67.93)` | Mom’s Apple Pie | black, 11.6 to 1 |
| 7 | `#edc296` | `oklch(84.22% 0.0756 67.45)` | Apricot Soufflé | black, 12.7 to 1 |
| 8 | `#f0cca8` | `oklch(86.81% 0.0631 67.20)` | Masala Chai | black, 13.9 to 1 |
| 9 | `#f3d6b8` | `oklch(89.18% 0.0516 67.26)` | Miami Stucco | black, 15 to 1 |
| 10 | `#f5ddc5` | `oklch(91.20% 0.0420 67.74)` | Faint Peach | black, 16 to 1 |
| 11 | `#f7e3cf` | `oklch(92.75% 0.0346 68.72)` | Touch of Topaz | black, 16.8 to 1 |
| 12 | `#f8e7d5` | `oklch(93.70% 0.0303 70.31)` | Melon Tint | black, 17.3 to 1 |
| 13 | `#f8e9d7` | `oklch(94.16% 0.0289 73.21)` | Pignoli | black, 17.6 to 1 |
| 14 | `#f8ead7` | `oklch(94.33% 0.0298 77.73)` | Ivory Tassel | black, 17.7 to 1 |
| 15 | `#f6ebd4` | `oklch(94.21% 0.0326 83.39)` | Shoelace Beige | black, 17.7 to 1 |
| 16 | `#f4eacf` | `oklch(93.82% 0.0370 89.73)` | Crisp Candlelight | black, 17.5 to 1 |
| 17 | `#f0e9c9` | `oklch(93.16% 0.0426 96.25)` | Ethereal Green | black, 17.2 to 1 |
| 18 | `#ebe7c2` | `oklch(92.26% 0.0491 102.49)` | Fake Blonde | black, 16.7 to 1 |
| 19 | `#e5e5ba` | `oklch(91.10% 0.0561 107.96)` | Lily Scent Green | black, 16.2 to 1 |
| 20 | `#dde2b2` | `oklch(89.72% 0.0633 112.18)` | Frosty Margarita | black, 15.6 to 1 |
| 21 | `#d6dea9` | `oklch(88.11% 0.0704 114.68)` | Garden Leek | black, 14.8 to 1 |
| 22 | `#d0d89e` | `oklch(86.28% 0.0769 114.97)` | Cucumber Ice | black, 14 to 1 |
| 23 | `#ccd193` | `oklch(84.25% 0.0827 112.58)` | Guacamole Ambrosia | black, 13.1 to 1 |
| 24 | `#cac783` | `oklch(81.64% 0.0881 106.35)` | Chimes | black, 12 to 1 |
| 25 | `#cab871` | `oklch(78.22% 0.0939 96.10)` | Pistachio Shortbread | black, 10.6 to 1 |
| 26 | `#caa65e` | `oklch(74.20% 0.1000 82.81)` | Excitable | black, 9.1 to 1 |
| 27 | `#ca9151` | `oklch(69.81% 0.1063 67.45)` | Slightly Golden | black, 7.6 to 1 |
| 28 | `#c67b4d` | `oklch(65.26% 0.1125 51.02)` | Fuegan Orange | black, 6.3 to 1 |
| 29 | `#bf6651` | `oklch(60.77% 0.1188 34.49)` | Apricot Brandy | black, 5.2 to 1 |
| 30 | `#b45459` | `oklch(56.55% 0.1248 18.84)` | Mineral Red | white, 4.8 to 1 |
| 31 | `#a74661` | `oklch(52.84% 0.1305 5.06)` | Rose Laffy Taffy | white, 5.7 to 1 |
| 32 | `#9b3b68` | `oklch(49.84% 0.1358 354.12)` | Dynamo | white, 6.5 to 1 |
| 33 | `#92346c` | `oklch(47.77% 0.1406 347.01)` | Beetiful Magenta | white, 7.1 to 1 |
| 34 | `#8f306d` | `oklch(46.85% 0.1447 344.72)` | Beetiful Magenta | white, 7.4 to 1 |
| 35 | `#932f6a` | `oklch(47.28% 0.1484 347.75)` | Beetiful Magenta | white, 7.3 to 1 |
| 36 | `#9e3164` | `oklch(48.94% 0.1519 355.38)` | Scarlet Flame | white, 6.8 to 1 |
| 37 | `#ac3659` | `oklch(51.59% 0.1552 6.71)` | Jam Jar | white, 6.1 to 1 |
| 38 | `#bc4148` | `oklch(54.97% 0.1583 20.83)` | Precious Peony | white, 5.2 to 1 |
| 39 | `#c9512e` | `oklch(58.84% 0.1609 36.85)` | Orange Keeper | black, 4.7 to 1 |
| 40 | `#d06900` | `oklch(62.94% 0.1581 53.82)` | Cinnamon | black, 5.6 to 1 |
| 41 | `#cc8300` | `oklch(67.04% 0.1444 70.92)` | Bubonic Brown | black, 6.8 to 1 |
| 42 | `#c89a00` | `oklch(70.88% 0.1449 87.20)` | Molten Bronze | black, 8 to 1 |
| 43 | `#c0ae00` | `oklch(74.20% 0.1552 101.76)` | Muddy Yellow | black, 9.2 to 1 |
| 44 | `#b4be1b` | `oklch(76.78% 0.1663 113.69)` | The Killing Joke | black, 10.3 to 1 |
| 45 | `#a7c83e` | `oklch(78.35% 0.1654 122.09)` | Android Green | black, 11 to 1 |
| 46 | `#9dcd4f` | `oklch(78.97% 0.1632 127.37)` | Wicked Green | black, 11.3 to 1 |
| 47 | `#96cf59` | `oklch(78.94% 0.1598 130.74)` | Bright Lettuce | black, 11.3 to 1 |
| 48 | `#92cd5f` | `oklch(78.38% 0.1552 132.48)` | Bright Lettuce | black, 11.1 to 1 |
| 49 | `#8fc960` | `oklch(77.40% 0.1499 132.91)` | Vivid Spring | black, 10.7 to 1 |
| 50 | `#8ec45f` | `oklch(76.11% 0.1442 132.32)` | Cabbage Patch | black, 10.2 to 1 |
| 51 | `#8ebe5d` | `oklch(74.64% 0.1381 131.01)` | Lima Bean Green | black, 9.6 to 1 |
| 52 | `#8db85a` | `oklch(73.10% 0.1322 129.28)` | Fresh Mown | black, 9.1 to 1 |
| 53 | `#8db257` | `oklch(71.60% 0.1265 127.44)` | Usumoegi Green | black, 8.6 to 1 |
| 54 | `#8dad54` | `oklch(70.25% 0.1215 125.78)` | Parrot Green | black, 8.1 to 1 |
| 55 | `#8ca853` | `oklch(69.18% 0.1174 124.60)` | Mosquito Fern | black, 7.8 to 1 |
| 56 | `#8ba653` | `oklch(68.50% 0.1144 124.21)` | Mosquito Fern | black, 7.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d89028 0.0%, #da9538 1.8%, #dd9c4a 3.6%, #e1a45d 5.5%, #e5ae70 7.3%, #e9b884 9.1%, #edc296 10.9%, #f0cca8 12.7%, #f3d6b8 14.5%, #f5ddc5 16.4%, #f7e3cf 18.2%, #f8e7d5 20.0%, #f8e9d7 21.8%, #f8ead7 23.6%, #f6ebd4 25.5%, #f4eacf 27.3%, #f0e9c9 29.1%, #ebe7c2 30.9%, #e5e5ba 32.7%, #dde2b2 34.5%, #d6dea9 36.4%, #d0d89e 38.2%, #ccd193 40.0%, #cac783 41.8%, #cab871 43.6%, #caa65e 45.5%, #ca9151 47.3%, #c67b4d 49.1%, #bf6651 50.9%, #b45459 52.7%, #a74661 54.5%, #9b3b68 56.4%, #92346c 58.2%, #8f306d 60.0%, #932f6a 61.8%, #9e3164 63.6%, #ac3659 65.5%, #bc4148 67.3%, #c9512e 69.1%, #d06900 70.9%, #cc8300 72.7%, #c89a00 74.5%, #c0ae00 76.4%, #b4be1b 78.2%, #a7c83e 80.0%, #9dcd4f 81.8%, #96cf59 83.6%, #92cd5f 85.5%, #8fc960 87.3%, #8ec45f 89.1%, #8ebe5d 90.9%, #8db85a 92.7%, #8db257 94.5%, #8dad54 96.4%, #8ca853 98.2%, #8ba653 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.87% 0.1406 70.31) 0.0%, oklch(72.21% 0.1341 70.15) 1.8%, oklch(74.06% 0.1250 69.74) 3.6%, oklch(76.32% 0.1140 69.17) 5.5%, oklch(78.85% 0.1017 68.53) 7.3%, oklch(81.52% 0.0887 67.93) 9.1%, oklch(84.22% 0.0756 67.45) 10.9%, oklch(86.81% 0.0631 67.20) 12.7%, oklch(89.18% 0.0516 67.26) 14.5%, oklch(91.20% 0.0420 67.74) 16.4%, oklch(92.75% 0.0346 68.72) 18.2%, oklch(93.70% 0.0303 70.31) 20.0%, oklch(94.16% 0.0289 73.21) 21.8%, oklch(94.33% 0.0298 77.73) 23.6%, oklch(94.21% 0.0326 83.39) 25.5%, oklch(93.82% 0.0370 89.73) 27.3%, oklch(93.16% 0.0426 96.25) 29.1%, oklch(92.26% 0.0491 102.49) 30.9%, oklch(91.10% 0.0561 107.96) 32.7%, oklch(89.72% 0.0633 112.18) 34.5%, oklch(88.11% 0.0704 114.68) 36.4%, oklch(86.28% 0.0769 114.97) 38.2%, oklch(84.25% 0.0827 112.58) 40.0%, oklch(81.64% 0.0881 106.35) 41.8%, oklch(78.22% 0.0939 96.10) 43.6%, oklch(74.20% 0.1000 82.81) 45.5%, oklch(69.81% 0.1063 67.45) 47.3%, oklch(65.26% 0.1125 51.02) 49.1%, oklch(60.77% 0.1188 34.49) 50.9%, oklch(56.55% 0.1248 18.84) 52.7%, oklch(52.84% 0.1305 5.06) 54.5%, oklch(49.84% 0.1358 354.12) 56.4%, oklch(47.77% 0.1406 347.01) 58.2%, oklch(46.85% 0.1447 344.72) 60.0%, oklch(47.28% 0.1484 347.75) 61.8%, oklch(48.94% 0.1519 355.38) 63.6%, oklch(51.59% 0.1552 6.71) 65.5%, oklch(54.97% 0.1583 20.83) 67.3%, oklch(58.84% 0.1609 36.85) 69.1%, oklch(62.94% 0.1581 53.82) 70.9%, oklch(67.04% 0.1444 70.92) 72.7%, oklch(70.88% 0.1449 87.20) 74.5%, oklch(74.20% 0.1552 101.76) 76.4%, oklch(76.78% 0.1663 113.69) 78.2%, oklch(78.35% 0.1654 122.09) 80.0%, oklch(78.97% 0.1632 127.37) 81.8%, oklch(78.94% 0.1598 130.74) 83.6%, oklch(78.38% 0.1552 132.48) 85.5%, oklch(77.40% 0.1499 132.91) 87.3%, oklch(76.11% 0.1442 132.32) 89.1%, oklch(74.64% 0.1381 131.01) 90.9%, oklch(73.10% 0.1322 129.28) 92.7%, oklch(71.60% 0.1265 127.44) 94.5%, oklch(70.25% 0.1215 125.78) 96.4%, oklch(69.18% 0.1174 124.60) 98.2%, oklch(68.50% 0.1144 124.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.141 | 70.3 |
| 2 | 0.937 | 0.03 | 70.3 |
| 3 | 0.843 | 0.083 | 112.6 |
| 4 | 0.469 | 0.145 | -15.3 |
| 5 | 0.783 | 0.165 | 122.1 |
| 6 | 0.685 | 0.114 | 124.2 |

## Other forms

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