# Gray, teal, yellow and blue radial gradient

Gray, teal, yellow and blue radial gradient with 40 colors: #e9e0c4, #ded9bc, #cfd0b2, #bcc5a7, #a7b99d, #90ab93, #799d8b, #648e84, #51807e, #417278, #366773, #2d5d6f, #26576d, #21556d, #1a576f, #0d5e74, #006877, #007578, #008577, #2c9470, #56a265, #7fad57, #a6b64b, #c8bc43, #e3c143, #f6c548, #ffc94c, #fecd4e, #f4d251, #e3d658, #cada67, #abdc7b, #89dc91, #68d8a8, #4dd1bb, #42c8ca, #48bfd3, #55b5d8, #61aed9, #6aa8d9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU5hxBthjQe22rpaI1Kg`
- Page: https://grabient.com/kU5hxBthjQe22rpaI1Kg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.1 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 | `#e9e0c4` | `oklch(90.55% 0.0386 92.11)` | Sailcloth | black, 15.8 to 1 |
| 2 | `#ded9bc` | `oklch(88.18% 0.0397 99.05)` | Physalis Peal | black, 14.7 to 1 |
| 3 | `#cfd0b2` | `oklch(84.89% 0.0409 108.75)` | Bitter Melon | black, 13.3 to 1 |
| 4 | `#bcc5a7` | `oklch(80.87% 0.0422 120.64)` | Zion | black, 11.6 to 1 |
| 5 | `#a7b99d` | `oklch(76.31% 0.0436 134.13)` | Laurel Green | black, 10 to 1 |
| 6 | `#90ab93` | `oklch(71.40% 0.0452 148.64)` | Natural Harmony | black, 8.4 to 1 |
| 7 | `#799d8b` | `oklch(66.34% 0.0469 163.58)` | Parisian Patina | black, 6.9 to 1 |
| 8 | `#648e84` | `oklch(61.30% 0.0489 178.38)` | Chlorite | black, 5.7 to 1 |
| 9 | `#51807e` | `oklch(56.50% 0.0512 192.46)` | Nickel Ore Green | black, 4.7 to 1 |
| 10 | `#417278` | `oklch(52.11% 0.0537 205.23)` | Thunderhawk Blue | white, 5.3 to 1 |
| 11 | `#366773` | `oklch(48.32% 0.0566 216.11)` | Loon Turquoise | white, 6.3 to 1 |
| 12 | `#2d5d6f` | `oklch(45.34% 0.0598 224.52)` | Blumine | white, 7.1 to 1 |
| 13 | `#26576d` | `oklch(43.34% 0.0635 229.87)` | Newport Grey | white, 7.8 to 1 |
| 14 | `#21556d` | `oklch(42.52% 0.0675 231.60)` | Newport Grey | white, 8.1 to 1 |
| 15 | `#1a576f` | `oklch(43.04% 0.0725 228.85)` | Navy Teal | white, 7.9 to 1 |
| 16 | `#0d5e74` | `oklch(44.78% 0.0786 221.72)` | Lyons Blue | white, 7.3 to 1 |
| 17 | `#006877` | `oklch(47.55% 0.0825 211.02)` | Bankson Lake | white, 6.4 to 1 |
| 18 | `#007578` | `oklch(51.14% 0.0870 197.52)` | Maxi Teal | white, 5.4 to 1 |
| 19 | `#008577` | `oklch(55.34% 0.0991 182.05)` | Mystic Turquoise | black, 4.6 to 1 |
| 20 | `#2c9470` | `oklch(59.94% 0.1099 165.45)` | Leprechaun | black, 5.6 to 1 |
| 21 | `#56a265` | `oklch(64.74% 0.1181 148.50)` | Endo | black, 6.7 to 1 |
| 22 | `#7fad57` | `oklch(69.54% 0.1259 132.00)` | Arugula | black, 8 to 1 |
| 23 | `#a6b64b` | `oklch(74.12% 0.1331 116.77)` | Azeitona | black, 9.3 to 1 |
| 24 | `#c8bc43` | `oklch(78.29% 0.1393 103.62)` | Humorous Green | black, 10.7 to 1 |
| 25 | `#e3c143` | `oklch(81.83% 0.1445 93.36)` | Indian Maize | black, 11.9 to 1 |
| 26 | `#f6c548` | `oklch(84.54% 0.1482 86.78)` | Eyelash Viper | black, 13 to 1 |
| 27 | `#ffc94c` | `oklch(86.22% 0.1500 84.72)` | Chunky Bee | black, 13.7 to 1 |
| 28 | `#fecd4e` | `oklch(86.93% 0.1504 87.33)` | Minion Yellow | black, 14 to 1 |
| 29 | `#f4d251` | `oklch(86.96% 0.1489 93.87)` | Yellow Mask | black, 14.1 to 1 |
| 30 | `#e3d658` | `oklch(86.39% 0.1460 103.69)` | Kowloon | black, 14 to 1 |
| 31 | `#cada67` | `oklch(85.35% 0.1420 116.16)` | Dry Seedlings | black, 13.7 to 1 |
| 32 | `#abdc7b` | `oklch(83.92% 0.1370 130.65)` | Wasabi | black, 13.3 to 1 |
| 33 | `#89dc91` | `oklch(82.20% 0.1314 146.53)` | Leek | black, 12.6 to 1 |
| 34 | `#68d8a8` | `oklch(80.31% 0.1255 163.16)` | Medium Aquamarine | black, 11.9 to 1 |
| 35 | `#4dd1bb` | `oklch(78.34% 0.1194 179.90)` | Sweet Garden | black, 11.1 to 1 |
| 36 | `#42c8ca` | `oklch(76.39% 0.1135 196.13)` | Rapids | black, 10.3 to 1 |
| 37 | `#48bfd3` | `oklch(74.57% 0.1080 211.21)` | Bachelor Button | black, 9.6 to 1 |
| 38 | `#55b5d8` | `oklch(72.97% 0.1031 224.51)` | Aquella | black, 9 to 1 |
| 39 | `#61aed9` | `oklch(71.71% 0.0992 235.39)` | Imrik Blue | black, 8.5 to 1 |
| 40 | `#6aa8d9` | `oklch(70.87% 0.0965 243.22)` | Baja Blue | black, 8.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e9e0c4 0.0%, #ded9bc 2.6%, #cfd0b2 5.1%, #bcc5a7 7.7%, #a7b99d 10.3%, #90ab93 12.8%, #799d8b 15.4%, #648e84 17.9%, #51807e 20.5%, #417278 23.1%, #366773 25.6%, #2d5d6f 28.2%, #26576d 30.8%, #21556d 33.3%, #1a576f 35.9%, #0d5e74 38.5%, #006877 41.0%, #007578 43.6%, #008577 46.2%, #2c9470 48.7%, #56a265 51.3%, #7fad57 53.8%, #a6b64b 56.4%, #c8bc43 59.0%, #e3c143 61.5%, #f6c548 64.1%, #ffc94c 66.7%, #fecd4e 69.2%, #f4d251 71.8%, #e3d658 74.4%, #cada67 76.9%, #abdc7b 79.5%, #89dc91 82.1%, #68d8a8 84.6%, #4dd1bb 87.2%, #42c8ca 89.7%, #48bfd3 92.3%, #55b5d8 94.9%, #61aed9 97.4%, #6aa8d9 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.55% 0.0386 92.11) 0.0%, oklch(88.18% 0.0397 99.05) 2.6%, oklch(84.89% 0.0409 108.75) 5.1%, oklch(80.87% 0.0422 120.64) 7.7%, oklch(76.31% 0.0436 134.13) 10.3%, oklch(71.40% 0.0452 148.64) 12.8%, oklch(66.34% 0.0469 163.58) 15.4%, oklch(61.30% 0.0489 178.38) 17.9%, oklch(56.50% 0.0512 192.46) 20.5%, oklch(52.11% 0.0537 205.23) 23.1%, oklch(48.32% 0.0566 216.11) 25.6%, oklch(45.34% 0.0598 224.52) 28.2%, oklch(43.34% 0.0635 229.87) 30.8%, oklch(42.52% 0.0675 231.60) 33.3%, oklch(43.04% 0.0725 228.85) 35.9%, oklch(44.78% 0.0786 221.72) 38.5%, oklch(47.55% 0.0825 211.02) 41.0%, oklch(51.14% 0.0870 197.52) 43.6%, oklch(55.34% 0.0991 182.05) 46.2%, oklch(59.94% 0.1099 165.45) 48.7%, oklch(64.74% 0.1181 148.50) 51.3%, oklch(69.54% 0.1259 132.00) 53.8%, oklch(74.12% 0.1331 116.77) 56.4%, oklch(78.29% 0.1393 103.62) 59.0%, oklch(81.83% 0.1445 93.36) 61.5%, oklch(84.54% 0.1482 86.78) 64.1%, oklch(86.22% 0.1500 84.72) 66.7%, oklch(86.93% 0.1504 87.33) 69.2%, oklch(86.96% 0.1489 93.87) 71.8%, oklch(86.39% 0.1460 103.69) 74.4%, oklch(85.35% 0.1420 116.16) 76.9%, oklch(83.92% 0.1370 130.65) 79.5%, oklch(82.20% 0.1314 146.53) 82.1%, oklch(80.31% 0.1255 163.16) 84.6%, oklch(78.34% 0.1194 179.90) 87.2%, oklch(76.39% 0.1135 196.13) 89.7%, oklch(74.57% 0.1080 211.21) 92.3%, oklch(72.97% 0.1031 224.51) 94.9%, oklch(71.71% 0.0992 235.39) 97.4%, oklch(70.87% 0.0965 243.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.906 | 0.039 | 92.1 |
| 2 | 0.425 | 0.068 | 231.6 |
| 3 | 0.862 | 0.15 | 84.7 |
| 4 | 0.709 | 0.096 | 243.2 |

## Other forms

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