# Orange, green, teal and blue radial gradient

Orange, green, teal and blue radial gradient with 40 colors: #e48b2d, #e78b30, #ec8b36, #f28a3d, #f88944, #fc894a, #ff8b4c, #ff8e49, #fd923a, #f19b21, #dca709, #bcb32a, #95bd53, #6dc377, #48c594, #30c5a7, #28c7b0, #34cdaf, #4fd5a6, #72dc95, #98e080, #b9e06a, #cedd5a, #d0d852, #bcd154, #90c45f, #55b06d, #009478, #007375, #005769, #004060, #103255, #172d51, #1d2f55, #24355f, #2b406e, #324c7e, #39598f, #3d649d, #416ba6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYtmwsYLq_F6uzrrODgpxrQkKmQE`
- Page: https://grabient.com/kYtmwsYLq_F6uzrrODgpxrQkKmQE?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: triadic
- Contrast of its darkest and lightest colors: 9.2 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 | `#e48b2d` | `oklch(71.65% 0.1488 61.88)` | Texas Longhorn | black, 8 to 1 |
| 2 | `#e78b30` | `oklch(72.04% 0.1501 60.34)` | California | black, 8.1 to 1 |
| 3 | `#ec8b36` | `oklch(72.60% 0.1522 57.27)` | California | black, 8.2 to 1 |
| 4 | `#f28a3d` | `oklch(73.27% 0.1548 53.56)` | Hot Orange | black, 8.4 to 1 |
| 5 | `#f88944` | `oklch(73.99% 0.1573 50.07)` | Sunset Yellow | black, 8.6 to 1 |
| 6 | `#fc894a` | `oklch(74.69% 0.1596 47.70)` | Valley of Fire | black, 8.8 to 1 |
| 7 | `#ff8b4c` | `oklch(75.30% 0.1604 47.32)` | Valley of Fire | black, 9 to 1 |
| 8 | `#ff8e49` | `oklch(75.76% 0.1596 49.82)` | Orangish | black, 9.2 to 1 |
| 9 | `#fd923a` | `oklch(76.01% 0.1609 56.13)` | Joyful Orange | black, 9.3 to 1 |
| 10 | `#f19b21` | `oklch(75.95% 0.1580 68.29)` | Burning Trail | black, 9.4 to 1 |
| 11 | `#dca709` | `oklch(75.64% 0.1535 85.48)` | Cabana Glow | black, 9.5 to 1 |
| 12 | `#bcb32a` | `oklch(75.19% 0.1480 105.65)` | Lively Lime | black, 9.6 to 1 |
| 13 | `#95bd53` | `oklch(74.71% 0.1421 126.77)` | Early Spring | black, 9.6 to 1 |
| 14 | `#6dc377` | `oklch(74.31% 0.1365 146.81)` | Soft Green | black, 9.6 to 1 |
| 15 | `#48c594` | `oklch(74.09% 0.1319 163.71)` | Macau | black, 9.6 to 1 |
| 16 | `#30c5a7` | `oklch(74.17% 0.1289 175.46)` | Jade Mountain | black, 9.7 to 1 |
| 17 | `#28c7b0` | `oklch(74.73% 0.1283 179.95)` | Amazonite | black, 9.8 to 1 |
| 18 | `#34cdaf` | `oklch(76.32% 0.1307 176.18)` | Mint Leaf | black, 10.4 to 1 |
| 19 | `#4fd5a6` | `oklch(78.67% 0.1354 166.29)` | Mint Jelly | black, 11.3 to 1 |
| 20 | `#72dc95` | `oklch(81.30% 0.1412 152.76)` | Aurora Green | black, 12.3 to 1 |
| 21 | `#98e080` | `oklch(83.75% 0.1472 138.12)` | Snarky Mint | black, 13.3 to 1 |
| 22 | `#b9e06a` | `oklch(85.52% 0.1523 124.85)` | Citrus Lime | black, 13.9 to 1 |
| 23 | `#cedd5a` | `oklch(86.16% 0.1553 115.48)` | Chinese Green | black, 14.1 to 1 |
| 24 | `#d0d852` | `oklch(85.20% 0.1554 112.50)` | Citrus Delight | black, 13.6 to 1 |
| 25 | `#bcd154` | `oklch(82.01% 0.1513 118.09)` | Mossy Shining Gold | black, 12.3 to 1 |
| 26 | `#90c45f` | `oklch(76.12% 0.1427 131.43)` | Cabbage Patch | black, 10.2 to 1 |
| 27 | `#55b06d` | `oklch(68.31% 0.1310 150.33)` | Algae | black, 7.7 to 1 |
| 28 | `#009478` | `oklch(59.47% 0.1146 172.61)` | Pool Table | black, 5.5 to 1 |
| 29 | `#007375` | `oklch(50.46% 0.0860 196.12)` | Natural Instinct Green | white, 5.6 to 1 |
| 30 | `#005769` | `oklch(42.16% 0.0761 218.69)` | Plunge | white, 8.1 to 1 |
| 31 | `#004060` | `oklch(35.45% 0.0788 238.15)` | Neptune’s Wrath | white, 10.9 to 1 |
| 32 | `#103255` | `oklch(31.19% 0.0738 252.21)` | Incremental Blue | white, 13 to 1 |
| 33 | `#172d51` | `oklch(29.93% 0.0718 260.22)` | Pico Void | white, 13.7 to 1 |
| 34 | `#1d2f55` | `oklch(31.02% 0.0733 264.38)` | Elite Blue | white, 13.2 to 1 |
| 35 | `#24355f` | `oklch(33.83% 0.0774 265.60)` | Navy Trim | white, 11.9 to 1 |
| 36 | `#2b406e` | `oklch(37.76% 0.0832 264.74)` | Napoleonic Blue | white, 10.2 to 1 |
| 37 | `#324c7e` | `oklch(42.19% 0.0897 262.64)` | Nautical | white, 8.4 to 1 |
| 38 | `#39598f` | `oklch(46.51% 0.0961 260.14)` | Lambent Lagoon | white, 7 to 1 |
| 39 | `#3d649d` | `oklch(50.10% 0.1014 258.11)` | Mariner | white, 6 to 1 |
| 40 | `#416ba6` | `oklch(52.36% 0.1047 257.37)` | Waterline Blue | white, 5.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e48b2d 0.0%, #e78b30 2.6%, #ec8b36 5.1%, #f28a3d 7.7%, #f88944 10.3%, #fc894a 12.8%, #ff8b4c 15.4%, #ff8e49 17.9%, #fd923a 20.5%, #f19b21 23.1%, #dca709 25.6%, #bcb32a 28.2%, #95bd53 30.8%, #6dc377 33.3%, #48c594 35.9%, #30c5a7 38.5%, #28c7b0 41.0%, #34cdaf 43.6%, #4fd5a6 46.2%, #72dc95 48.7%, #98e080 51.3%, #b9e06a 53.8%, #cedd5a 56.4%, #d0d852 59.0%, #bcd154 61.5%, #90c45f 64.1%, #55b06d 66.7%, #009478 69.2%, #007375 71.8%, #005769 74.4%, #004060 76.9%, #103255 79.5%, #172d51 82.1%, #1d2f55 84.6%, #24355f 87.2%, #2b406e 89.7%, #324c7e 92.3%, #39598f 94.9%, #3d649d 97.4%, #416ba6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(71.65% 0.1488 61.88) 0.0%, oklch(72.04% 0.1501 60.34) 2.6%, oklch(72.60% 0.1522 57.27) 5.1%, oklch(73.27% 0.1548 53.56) 7.7%, oklch(73.99% 0.1573 50.07) 10.3%, oklch(74.69% 0.1596 47.70) 12.8%, oklch(75.30% 0.1604 47.32) 15.4%, oklch(75.76% 0.1596 49.82) 17.9%, oklch(76.01% 0.1609 56.13) 20.5%, oklch(75.95% 0.1580 68.29) 23.1%, oklch(75.64% 0.1535 85.48) 25.6%, oklch(75.19% 0.1480 105.65) 28.2%, oklch(74.71% 0.1421 126.77) 30.8%, oklch(74.31% 0.1365 146.81) 33.3%, oklch(74.09% 0.1319 163.71) 35.9%, oklch(74.17% 0.1289 175.46) 38.5%, oklch(74.73% 0.1283 179.95) 41.0%, oklch(76.32% 0.1307 176.18) 43.6%, oklch(78.67% 0.1354 166.29) 46.2%, oklch(81.30% 0.1412 152.76) 48.7%, oklch(83.75% 0.1472 138.12) 51.3%, oklch(85.52% 0.1523 124.85) 53.8%, oklch(86.16% 0.1553 115.48) 56.4%, oklch(85.20% 0.1554 112.50) 59.0%, oklch(82.01% 0.1513 118.09) 61.5%, oklch(76.12% 0.1427 131.43) 64.1%, oklch(68.31% 0.1310 150.33) 66.7%, oklch(59.47% 0.1146 172.61) 69.2%, oklch(50.46% 0.0860 196.12) 71.8%, oklch(42.16% 0.0761 218.69) 74.4%, oklch(35.45% 0.0788 238.15) 76.9%, oklch(31.19% 0.0738 252.21) 79.5%, oklch(29.93% 0.0718 260.22) 82.1%, oklch(31.02% 0.0733 264.38) 84.6%, oklch(33.83% 0.0774 265.60) 87.2%, oklch(37.76% 0.0832 264.74) 89.7%, oklch(42.19% 0.0897 262.64) 92.3%, oklch(46.51% 0.0961 260.14) 94.9%, oklch(50.10% 0.1014 258.11) 97.4%, oklch(52.36% 0.1047 257.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.717 | 0.149 | 61.9 |
| 2 | 0.76 | 0.161 | 54.5 |
| 3 | 0.744 | 0.128 | 179.2 |
| 4 | 0.843 | 0.154 | 113.7 |
| 5 | 0.307 | 0.073 | 254.2 |
| 6 | 0.524 | 0.105 | 257.4 |

## Other forms

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