# Orange, teal and gray radial gradient

Orange, teal and gray radial gradient with 40 colors: #f27a1a, #f07b16, #ee7e14, #eb8013, #e88314, #e58515, #e18818, #dd8b1b, #d88e1e, #d39122, #cd9425, #c79729, #c09a2e, #b99c32, #b09f38, #a4a23f, #97a548, #88a853, #76aa5f, #64ac6c, #50ad7a, #3bac87, #26ab92, #12a99c, #05a7a4, #0ca4a9, #1aa2ab, #269fab, #319da9, #3a9ba6, #4298a1, #4a969c, #519497, #589192, #5e8f8d, #638d89, #688a85, #6c8883, #6e8681, #708580. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUs38k2S3E9KmzNMCT0g`
- Page: https://grabient.com/kUs38k2S3E9KmzNMCT0g?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: even lightness, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.4 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 | `#f27a1a` | `oklch(70.47% 0.1750 51.33)` | Retro Nectarine | black, 7.5 to 1 |
| 2 | `#f07b16` | `oklch(70.47% 0.1727 53.01)` | Retro Nectarine | black, 7.5 to 1 |
| 3 | `#ee7e14` | `oklch(70.48% 0.1698 54.84)` | Retro Nectarine | black, 7.5 to 1 |
| 4 | `#eb8013` | `oklch(70.51% 0.1663 56.83)` | Bright Marigold | black, 7.6 to 1 |
| 5 | `#e88314` | `oklch(70.54% 0.1624 59.04)` | Master Round Yellow | black, 7.6 to 1 |
| 6 | `#e58515` | `oklch(70.56% 0.1582 61.48)` | Fulvous | black, 7.7 to 1 |
| 7 | `#e18818` | `oklch(70.59% 0.1537 64.19)` | Sumac Dyed | black, 7.7 to 1 |
| 8 | `#dd8b1b` | `oklch(70.60% 0.1491 67.21)` | Sumac Dyed | black, 7.7 to 1 |
| 9 | `#d88e1e` | `oklch(70.59% 0.1445 70.57)` | Turmeric Tea | black, 7.8 to 1 |
| 10 | `#d39122` | `oklch(70.56% 0.1400 74.30)` | Vibrant Amber | black, 7.8 to 1 |
| 11 | `#cd9425` | `oklch(70.50% 0.1358 78.43)` | Golden Pheasant | black, 7.8 to 1 |
| 12 | `#c79729` | `oklch(70.40% 0.1319 83.01)` | Tawny Olive | black, 7.8 to 1 |
| 13 | `#c09a2e` | `oklch(70.26% 0.1284 88.05)` | Golden Mean | black, 7.8 to 1 |
| 14 | `#b99c32` | `oklch(70.08% 0.1254 93.60)` | Gold Taffeta | black, 7.8 to 1 |
| 15 | `#b09f38` | `oklch(69.84% 0.1231 100.15)` | Martian | black, 7.8 to 1 |
| 16 | `#a4a23f` | `oklch(69.55% 0.1214 108.00)` | Machine Green | black, 7.8 to 1 |
| 17 | `#97a548` | `oklch(69.22% 0.1201 116.88)` | Fresh Apple | black, 7.8 to 1 |
| 18 | `#88a853` | `oklch(68.85% 0.1193 126.51)` | Mosquito Fern | black, 7.7 to 1 |
| 19 | `#76aa5f` | `oklch(68.45% 0.1186 136.63)` | Ferntastic | black, 7.7 to 1 |
| 20 | `#64ac6c` | `oklch(68.03% 0.1180 146.96)` | Ferntastic | black, 7.6 to 1 |
| 21 | `#50ad7a` | `oklch(67.59% 0.1174 157.23)` | Divot | black, 7.5 to 1 |
| 22 | `#3bac87` | `oklch(67.14% 0.1167 167.17)` | Herbal | black, 7.4 to 1 |
| 23 | `#26ab92` | `oklch(66.69% 0.1156 176.51)` | Niagara | black, 7.3 to 1 |
| 24 | `#12a99c` | `oklch(66.24% 0.1142 184.98)` | Tropical Hideaway | black, 7.1 to 1 |
| 25 | `#05a7a4` | `oklch(65.80% 0.1122 192.31)` | Royal Cloak | black, 7 to 1 |
| 26 | `#0ca4a9` | `oklch(65.37% 0.1095 198.22)` | Wax Crayon Blue | black, 6.9 to 1 |
| 27 | `#1aa2ab` | `oklch(64.96% 0.1061 202.44)` | Aare River Brienz | black, 6.7 to 1 |
| 28 | `#269fab` | `oklch(64.55% 0.1017 204.92)` | Riviera | black, 6.6 to 1 |
| 29 | `#319da9` | `oklch(64.12% 0.0962 205.91)` | Caribbean Cruise | black, 6.5 to 1 |
| 30 | `#3a9ba6` | `oklch(63.67% 0.0899 205.62)` | Caribbean Cruise | black, 6.3 to 1 |
| 31 | `#4298a1` | `oklch(63.22% 0.0830 204.27)` | Water Carrier | black, 6.2 to 1 |
| 32 | `#4a969c` | `oklch(62.76% 0.0756 202.06)` | Sea Current | black, 6.1 to 1 |
| 33 | `#519497` | `oklch(62.30% 0.0681 199.22)` | Bluebound | black, 6 to 1 |
| 34 | `#589192` | `oklch(61.86% 0.0604 195.95)` | Bristol Blue | black, 5.8 to 1 |
| 35 | `#5e8f8d` | `oklch(61.44% 0.0530 192.46)` | Tort | black, 5.7 to 1 |
| 36 | `#638d89` | `oklch(61.04% 0.0459 188.96)` | Ebbing Tide | black, 5.6 to 1 |
| 37 | `#688a85` | `oklch(60.67% 0.0393 185.68)` | Classic Calm | black, 5.5 to 1 |
| 38 | `#6c8883` | `oklch(60.35% 0.0335 182.81)` | Classic Calm | black, 5.4 to 1 |
| 39 | `#6e8681` | `oklch(60.07% 0.0286 180.58)` | Marsh Creek | black, 5.4 to 1 |
| 40 | `#708580` | `oklch(59.84% 0.0248 179.20)` | Dwarf Spruce | black, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f27a1a 0.0%, #f07b16 2.6%, #ee7e14 5.1%, #eb8013 7.7%, #e88314 10.3%, #e58515 12.8%, #e18818 15.4%, #dd8b1b 17.9%, #d88e1e 20.5%, #d39122 23.1%, #cd9425 25.6%, #c79729 28.2%, #c09a2e 30.8%, #b99c32 33.3%, #b09f38 35.9%, #a4a23f 38.5%, #97a548 41.0%, #88a853 43.6%, #76aa5f 46.2%, #64ac6c 48.7%, #50ad7a 51.3%, #3bac87 53.8%, #26ab92 56.4%, #12a99c 59.0%, #05a7a4 61.5%, #0ca4a9 64.1%, #1aa2ab 66.7%, #269fab 69.2%, #319da9 71.8%, #3a9ba6 74.4%, #4298a1 76.9%, #4a969c 79.5%, #519497 82.1%, #589192 84.6%, #5e8f8d 87.2%, #638d89 89.7%, #688a85 92.3%, #6c8883 94.9%, #6e8681 97.4%, #708580 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.47% 0.1750 51.33) 0.0%, oklch(70.47% 0.1727 53.01) 2.6%, oklch(70.48% 0.1698 54.84) 5.1%, oklch(70.51% 0.1663 56.83) 7.7%, oklch(70.54% 0.1624 59.04) 10.3%, oklch(70.56% 0.1582 61.48) 12.8%, oklch(70.59% 0.1537 64.19) 15.4%, oklch(70.60% 0.1491 67.21) 17.9%, oklch(70.59% 0.1445 70.57) 20.5%, oklch(70.56% 0.1400 74.30) 23.1%, oklch(70.50% 0.1358 78.43) 25.6%, oklch(70.40% 0.1319 83.01) 28.2%, oklch(70.26% 0.1284 88.05) 30.8%, oklch(70.08% 0.1254 93.60) 33.3%, oklch(69.84% 0.1231 100.15) 35.9%, oklch(69.55% 0.1214 108.00) 38.5%, oklch(69.22% 0.1201 116.88) 41.0%, oklch(68.85% 0.1193 126.51) 43.6%, oklch(68.45% 0.1186 136.63) 46.2%, oklch(68.03% 0.1180 146.96) 48.7%, oklch(67.59% 0.1174 157.23) 51.3%, oklch(67.14% 0.1167 167.17) 53.8%, oklch(66.69% 0.1156 176.51) 56.4%, oklch(66.24% 0.1142 184.98) 59.0%, oklch(65.80% 0.1122 192.31) 61.5%, oklch(65.37% 0.1095 198.22) 64.1%, oklch(64.96% 0.1061 202.44) 66.7%, oklch(64.55% 0.1017 204.92) 69.2%, oklch(64.12% 0.0962 205.91) 71.8%, oklch(63.67% 0.0899 205.62) 74.4%, oklch(63.22% 0.0830 204.27) 76.9%, oklch(62.76% 0.0756 202.06) 79.5%, oklch(62.30% 0.0681 199.22) 82.1%, oklch(61.86% 0.0604 195.95) 84.6%, oklch(61.44% 0.0530 192.46) 87.2%, oklch(61.04% 0.0459 188.96) 89.7%, oklch(60.67% 0.0393 185.68) 92.3%, oklch(60.35% 0.0335 182.81) 94.9%, oklch(60.07% 0.0286 180.58) 97.4%, oklch(59.84% 0.0248 179.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.175 | 51.3 |
| 2 | 0.701 | 0.125 | 93.6 |
| 3 | 0.65 | 0.106 | 202.4 |
| 4 | 0.598 | 0.025 | 179.2 |

## In these collections

- [Darecations](https://grabient.com/darecations)

## Other forms

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