# Green, teal and gray radial gradient

Green, teal and gray radial gradient with 48 colors: #fce076, #efdf78, #dddc7b, #c9d880, #b4d286, #9fcb8c, #8bc292, #7bb896, #6fac98, #68a097, #649594, #62898e, #627f87, #617780, #616f78, #606a72, #60676e, #60656b, #61656a, #62656a, #64676b, #67696d, #696c71, #6d7075, #707479, #73787e, #777c83, #7a8088, #7c848d, #7e8791, #808994, #818b97, #818c99, #818c9b, #818c9c, #808c9e, #7e8b9f, #7d8aa0, #7c89a1, #7a88a2, #7986a3, #7885a3, #7683a4, #7582a5, #7580a5, #747fa5, #747ea6, #737da6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU515DwQXRtCIQPMF0JA`
- Page: https://grabient.com/kU515DwQXRtCIQPMF0JA?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark center, neutral
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 4.5 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 | `#fce076` | `oklch(90.94% 0.1295 94.92)` | Sweet Corn | black, 16 to 1 |
| 2 | `#efdf78` | `oklch(89.42% 0.1252 100.57)` | Canary Feather | black, 15.4 to 1 |
| 3 | `#dddc7b` | `oklch(87.43% 0.1196 107.80)` | Carolina Parakeet | black, 14.5 to 1 |
| 4 | `#c9d880` | `oklch(85.05% 0.1130 116.36)` | Goody Gumdrop | black, 13.5 to 1 |
| 5 | `#b4d286` | `oklch(82.35% 0.1055 126.05)` | Lettuce Green | black, 12.4 to 1 |
| 6 | `#9fcb8c` | `oklch(79.39% 0.0973 136.62)` | Whipped Pistachio | black, 11.3 to 1 |
| 7 | `#8bc292` | `oklch(76.26% 0.0886 147.86)` | Country Weekend | black, 10.2 to 1 |
| 8 | `#7bb896` | `oklch(73.03% 0.0795 159.53)` | Mountain Lake Green | black, 9.1 to 1 |
| 9 | `#6fac98` | `oklch(69.76% 0.0704 171.41)` | Acapulco | black, 8 to 1 |
| 10 | `#68a097` | `oklch(66.52% 0.0613 183.26)` | Emerald Oasis | black, 7 to 1 |
| 11 | `#649594` | `oklch(63.39% 0.0524 194.87)` | Green Turquoise | black, 6.2 to 1 |
| 12 | `#62898e` | `oklch(60.45% 0.0439 206.01)` | Steel Teal | black, 5.5 to 1 |
| 13 | `#627f87` | `oklch(57.75% 0.0360 216.43)` | Hoki | black, 4.9 to 1 |
| 14 | `#617780` | `oklch(55.38% 0.0289 225.93)` | Sea Beast | white, 4.7 to 1 |
| 15 | `#616f78` | `oklch(53.40% 0.0228 234.27)` | NYPD | white, 5.1 to 1 |
| 16 | `#606a72` | `oklch(51.89% 0.0178 241.23)` | Feather Falls | white, 5.5 to 1 |
| 17 | `#60676e` | `oklch(50.91% 0.0141 246.60)` | King Creek Falls | white, 5.7 to 1 |
| 18 | `#60656b` | `oklch(50.42% 0.0113 250.71)` | Shuttle Grey | white, 5.8 to 1 |
| 19 | `#61656a` | `oklch(50.34% 0.0093 253.77)` | Shuttle Grey | white, 5.9 to 1 |
| 20 | `#62656a` | `oklch(50.63% 0.0080 255.91)` | Shuttle Grey | white, 5.8 to 1 |
| 21 | `#64676b` | `oklch(51.23% 0.0073 257.25)` | Thames Dusk | white, 5.6 to 1 |
| 22 | `#67696d` | `oklch(52.09% 0.0072 257.90)` | Midnight Grey | white, 5.4 to 1 |
| 23 | `#696c71` | `oklch(53.15% 0.0076 257.99)` | Beautiful Darkness | white, 5.2 to 1 |
| 24 | `#6d7075` | `oklch(54.37% 0.0083 257.64)` | High-Speed Steel | white, 4.9 to 1 |
| 25 | `#707479` | `oklch(55.69% 0.0095 256.96)` | Raven Grey | white, 4.7 to 1 |
| 26 | `#73787e` | `oklch(57.05% 0.0109 256.08)` | Nimbostratus | black, 4.7 to 1 |
| 27 | `#777c83` | `oklch(58.41% 0.0125 255.11)` | Nocturnal | black, 4.9 to 1 |
| 28 | `#7a8088` | `oklch(59.71% 0.0143 254.17)` | Carbon Footprint | black, 5.2 to 1 |
| 29 | `#7c848d` | `oklch(60.90% 0.0161 253.39)` | Serious Cloud | black, 5.5 to 1 |
| 30 | `#7e8791` | `oklch(61.93% 0.0180 252.89)` | Sea Lion | black, 5.7 to 1 |
| 31 | `#808994` | `oklch(62.74% 0.0198 252.77)` | Roman Silver | black, 5.9 to 1 |
| 32 | `#818b97` | `oklch(63.28% 0.0215 253.17)` | River Tour | black, 6 to 1 |
| 33 | `#818c99` | `oklch(63.54% 0.0232 254.08)` | River Tour | black, 6.1 to 1 |
| 34 | `#818c9b` | `oklch(63.66% 0.0252 255.18)` | Prophetic Sea | black, 6.1 to 1 |
| 35 | `#818c9c` | `oklch(63.66% 0.0276 256.41)` | Prophetic Sea | black, 6.1 to 1 |
| 36 | `#808c9e` | `oklch(63.56% 0.0302 257.76)` | Prophetic Sea | black, 6.1 to 1 |
| 37 | `#7e8b9f` | `oklch(63.38% 0.0331 259.19)` | Lucid Blue | black, 6 to 1 |
| 38 | `#7d8aa0` | `oklch(63.12% 0.0362 260.68)` | Top Shelf | black, 6 to 1 |
| 39 | `#7c89a1` | `oklch(62.80% 0.0394 262.21)` | Faded Denim | black, 5.9 to 1 |
| 40 | `#7a88a2` | `oklch(62.44% 0.0426 263.75)` | Faded Denim | black, 5.8 to 1 |
| 41 | `#7986a3` | `oklch(62.05% 0.0458 265.27)` | Velvet Curtain | black, 5.7 to 1 |
| 42 | `#7885a3` | `oklch(61.65% 0.0490 266.76)` | Romanesque | black, 5.6 to 1 |
| 43 | `#7683a4` | `oklch(61.26% 0.0521 268.19)` | Positively Purple | black, 5.5 to 1 |
| 44 | `#7582a5` | `oklch(60.88% 0.0549 269.53)` | Positively Purple | black, 5.4 to 1 |
| 45 | `#7580a5` | `oklch(60.53% 0.0575 270.75)` | English Manor | black, 5.4 to 1 |
| 46 | `#747fa5` | `oklch(60.23% 0.0599 271.84)` | English Manor | black, 5.3 to 1 |
| 47 | `#747ea6` | `oklch(60.00% 0.0618 272.77)` | Lavender Violet | black, 5.2 to 1 |
| 48 | `#737da6` | `oklch(59.84% 0.0634 273.51)` | Lavender Violet | black, 5.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fce076 0.0%, #efdf78 2.1%, #dddc7b 4.3%, #c9d880 6.4%, #b4d286 8.5%, #9fcb8c 10.6%, #8bc292 12.8%, #7bb896 14.9%, #6fac98 17.0%, #68a097 19.1%, #649594 21.3%, #62898e 23.4%, #627f87 25.5%, #617780 27.7%, #616f78 29.8%, #606a72 31.9%, #60676e 34.0%, #60656b 36.2%, #61656a 38.3%, #62656a 40.4%, #64676b 42.6%, #67696d 44.7%, #696c71 46.8%, #6d7075 48.9%, #707479 51.1%, #73787e 53.2%, #777c83 55.3%, #7a8088 57.4%, #7c848d 59.6%, #7e8791 61.7%, #808994 63.8%, #818b97 66.0%, #818c99 68.1%, #818c9b 70.2%, #818c9c 72.3%, #808c9e 74.5%, #7e8b9f 76.6%, #7d8aa0 78.7%, #7c89a1 80.9%, #7a88a2 83.0%, #7986a3 85.1%, #7885a3 87.2%, #7683a4 89.4%, #7582a5 91.5%, #7580a5 93.6%, #747fa5 95.7%, #747ea6 97.9%, #737da6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.94% 0.1295 94.92) 0.0%, oklch(89.42% 0.1252 100.57) 2.1%, oklch(87.43% 0.1196 107.80) 4.3%, oklch(85.05% 0.1130 116.36) 6.4%, oklch(82.35% 0.1055 126.05) 8.5%, oklch(79.39% 0.0973 136.62) 10.6%, oklch(76.26% 0.0886 147.86) 12.8%, oklch(73.03% 0.0795 159.53) 14.9%, oklch(69.76% 0.0704 171.41) 17.0%, oklch(66.52% 0.0613 183.26) 19.1%, oklch(63.39% 0.0524 194.87) 21.3%, oklch(60.45% 0.0439 206.01) 23.4%, oklch(57.75% 0.0360 216.43) 25.5%, oklch(55.38% 0.0289 225.93) 27.7%, oklch(53.40% 0.0228 234.27) 29.8%, oklch(51.89% 0.0178 241.23) 31.9%, oklch(50.91% 0.0141 246.60) 34.0%, oklch(50.42% 0.0113 250.71) 36.2%, oklch(50.34% 0.0093 253.77) 38.3%, oklch(50.63% 0.0080 255.91) 40.4%, oklch(51.23% 0.0073 257.25) 42.6%, oklch(52.09% 0.0072 257.90) 44.7%, oklch(53.15% 0.0076 257.99) 46.8%, oklch(54.37% 0.0083 257.64) 48.9%, oklch(55.69% 0.0095 256.96) 51.1%, oklch(57.05% 0.0109 256.08) 53.2%, oklch(58.41% 0.0125 255.11) 55.3%, oklch(59.71% 0.0143 254.17) 57.4%, oklch(60.90% 0.0161 253.39) 59.6%, oklch(61.93% 0.0180 252.89) 61.7%, oklch(62.74% 0.0198 252.77) 63.8%, oklch(63.28% 0.0215 253.17) 66.0%, oklch(63.54% 0.0232 254.08) 68.1%, oklch(63.66% 0.0252 255.18) 70.2%, oklch(63.66% 0.0276 256.41) 72.3%, oklch(63.56% 0.0302 257.76) 74.5%, oklch(63.38% 0.0331 259.19) 76.6%, oklch(63.12% 0.0362 260.68) 78.7%, oklch(62.80% 0.0394 262.21) 80.9%, oklch(62.44% 0.0426 263.75) 83.0%, oklch(62.05% 0.0458 265.27) 85.1%, oklch(61.65% 0.0490 266.76) 87.2%, oklch(61.26% 0.0521 268.19) 89.4%, oklch(60.88% 0.0549 269.53) 91.5%, oklch(60.53% 0.0575 270.75) 93.6%, oklch(60.23% 0.0599 271.84) 95.7%, oklch(60.00% 0.0618 272.77) 97.9%, oklch(59.84% 0.0634 273.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.13 | 94.9 |
| 2 | 0.512 | 0.015 | 245 |
| 3 | 0.634 | 0.022 | 253.4 |
| 4 | 0.598 | 0.063 | 273.5 |

## In these collections

- [Holographic gradients](https://grabient.com/holographic-gradients)

## Other forms

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