# Deep yellowgreen dusk gradient

Yellow to black radial gradient with 40 colors: #f6f3a8, #f4f2a1, #f3f099, #f1ef8f, #eeee83, #ebec75, #e7ea67, #e3e758, #dee349, #d8df3b, #d1da2f, #cad326, #c1cc20, #b8c31e, #afba1e, #a5b120, #9ca822, #939e23, #8a9524, #828d24, #7a8523, #747e22, #6d7721, #677021, #606a20, #5a631f, #555d1e, #4f561d, #49501c, #434a1b, #3d441a, #373d18, #303616, #2a2f14, #242812, #1e2210, #191c0e, #15170c, #11130b, #0e100a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Yellow to black radial gradient
- Seed: `kW8UVL7UDAsyswExGMAFYVAY`
- Page: https://grabient.com/kW8UVL7UDAsyswExGMAFYVAY?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light to dark, vivid
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 16.6 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 | `#f6f3a8` | `oklch(94.88% 0.0951 106.17)` | Thunderdome | black, 18.2 to 1 |
| 2 | `#f4f2a1` | `oklch(94.41% 0.1008 106.58)` | Portofino | black, 18 to 1 |
| 3 | `#f3f099` | `oklch(93.89% 0.1090 107.11)` | Portofino | black, 17.7 to 1 |
| 4 | `#f1ef8f` | `oklch(93.31% 0.1189 107.76)` | Jonquil | black, 17.4 to 1 |
| 5 | `#eeee83` | `oklch(92.63% 0.1299 108.48)` | Pineapple Perfume | black, 17.1 to 1 |
| 6 | `#ebec75` | `oklch(91.85% 0.1413 109.24)` | Illuminating | black, 16.7 to 1 |
| 7 | `#e7ea67` | `oklch(90.93% 0.1522 110.02)` | Honeysuckle | black, 16.3 to 1 |
| 8 | `#e3e758` | `oklch(89.84% 0.1621 110.77)` | First Colours of Spring | black, 15.8 to 1 |
| 9 | `#dee349` | `oklch(88.57% 0.1701 111.48)` | First Colours of Spring | black, 15.2 to 1 |
| 10 | `#d8df3b` | `oklch(87.09% 0.1757 112.11)` | Yuzukoshō | black, 14.5 to 1 |
| 11 | `#d1da2f` | `oklch(85.37% 0.1780 112.63)` | Bitter Lemon | black, 13.7 to 1 |
| 12 | `#cad326` | `oklch(83.32% 0.1774 113.09)` | Sun Flooded Woods | black, 12.8 to 1 |
| 13 | `#c1cc20` | `oklch(80.97% 0.1744 113.50)` | Luscious Leek | black, 11.9 to 1 |
| 14 | `#b8c31e` | `oklch(78.38% 0.1696 113.88)` | Fallout Green | black, 10.9 to 1 |
| 15 | `#afba1e` | `oklch(75.61% 0.1633 114.23)` | Snot | black, 9.8 to 1 |
| 16 | `#a5b120` | `oklch(72.73% 0.1560 114.54)` | Vintage Chartreuse | black, 8.9 to 1 |
| 17 | `#9ca822` | `oklch(69.82% 0.1481 114.83)` | Fistfull of Green | black, 8 to 1 |
| 18 | `#939e23` | `oklch(66.92% 0.1401 115.10)` | Biology Experiments | black, 7.1 to 1 |
| 19 | `#8a9524` | `oklch(64.12% 0.1325 115.34)` | Chorus of Frogs | black, 6.4 to 1 |
| 20 | `#828d24` | `oklch(61.48% 0.1256 115.57)` | Foggy Bog | black, 5.7 to 1 |
| 21 | `#7a8523` | `oklch(59.03% 0.1198 115.78)` | Trendy Green | black, 5.2 to 1 |
| 22 | `#747e22` | `oklch(56.69% 0.1141 115.93)` | Pacifika | black, 4.7 to 1 |
| 23 | `#6d7721` | `oklch(54.40% 0.1085 116.03)` | Castelvetrano Olive | white, 4.8 to 1 |
| 24 | `#677021` | `oklch(52.17% 0.1028 116.09)` | Forest Spirit | white, 5.3 to 1 |
| 25 | `#606a20` | `oklch(49.98% 0.0971 116.13)` | Fiji Green | white, 5.8 to 1 |
| 26 | `#5a631f` | `oklch(47.81% 0.0914 116.17)` | Kirchner Green | white, 6.4 to 1 |
| 27 | `#555d1e` | `oklch(45.65% 0.0858 116.23)` | Obscure Olive | white, 7 to 1 |
| 28 | `#4f561d` | `oklch(43.50% 0.0801 116.32)` | Private Green | white, 7.7 to 1 |
| 29 | `#49501c` | `oklch(41.33% 0.0745 116.46)` | Army Green | white, 8.5 to 1 |
| 30 | `#434a1b` | `oklch(39.14% 0.0689 116.67)` | Bronze Tone | white, 9.4 to 1 |
| 31 | `#3d441a` | `oklch(36.86% 0.0632 116.97)` | Alligator Gladiator | white, 10.3 to 1 |
| 32 | `#373d18` | `oklch(34.41% 0.0571 117.36)` | Turtle Skin | white, 11.4 to 1 |
| 33 | `#303616` | `oklch(31.86% 0.0507 117.82)` | Olivenite | white, 12.6 to 1 |
| 34 | `#2a2f14` | `oklch(29.27% 0.0443 118.33)` | Darkest Forest | white, 13.8 to 1 |
| 35 | `#242812` | `oklch(26.72% 0.0380 118.85)` | Kuro Green | white, 15 to 1 |
| 36 | `#1e2210` | `oklch(24.27% 0.0319 119.38)` | Black Mesa | white, 16.2 to 1 |
| 37 | `#191c0e` | `oklch(22.00% 0.0263 119.87)` | Noir Mystique | white, 17.2 to 1 |
| 38 | `#15170c` | `oklch(19.97% 0.0213 120.32)` | Darkness | white, 18 to 1 |
| 39 | `#11130b` | `oklch(18.26% 0.0171 120.69)` | Sinister | white, 18.6 to 1 |
| 40 | `#0e100a` | `oklch(16.93% 0.0138 120.97)` | Sinister | white, 19.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f6f3a8 0.0%, #f4f2a1 2.6%, #f3f099 5.1%, #f1ef8f 7.7%, #eeee83 10.3%, #ebec75 12.8%, #e7ea67 15.4%, #e3e758 17.9%, #dee349 20.5%, #d8df3b 23.1%, #d1da2f 25.6%, #cad326 28.2%, #c1cc20 30.8%, #b8c31e 33.3%, #afba1e 35.9%, #a5b120 38.5%, #9ca822 41.0%, #939e23 43.6%, #8a9524 46.2%, #828d24 48.7%, #7a8523 51.3%, #747e22 53.8%, #6d7721 56.4%, #677021 59.0%, #606a20 61.5%, #5a631f 64.1%, #555d1e 66.7%, #4f561d 69.2%, #49501c 71.8%, #434a1b 74.4%, #3d441a 76.9%, #373d18 79.5%, #303616 82.1%, #2a2f14 84.6%, #242812 87.2%, #1e2210 89.7%, #191c0e 92.3%, #15170c 94.9%, #11130b 97.4%, #0e100a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.88% 0.0951 106.17) 0.0%, oklch(94.41% 0.1008 106.58) 2.6%, oklch(93.89% 0.1090 107.11) 5.1%, oklch(93.31% 0.1189 107.76) 7.7%, oklch(92.63% 0.1299 108.48) 10.3%, oklch(91.85% 0.1413 109.24) 12.8%, oklch(90.93% 0.1522 110.02) 15.4%, oklch(89.84% 0.1621 110.77) 17.9%, oklch(88.57% 0.1701 111.48) 20.5%, oklch(87.09% 0.1757 112.11) 23.1%, oklch(85.37% 0.1780 112.63) 25.6%, oklch(83.32% 0.1774 113.09) 28.2%, oklch(80.97% 0.1744 113.50) 30.8%, oklch(78.38% 0.1696 113.88) 33.3%, oklch(75.61% 0.1633 114.23) 35.9%, oklch(72.73% 0.1560 114.54) 38.5%, oklch(69.82% 0.1481 114.83) 41.0%, oklch(66.92% 0.1401 115.10) 43.6%, oklch(64.12% 0.1325 115.34) 46.2%, oklch(61.48% 0.1256 115.57) 48.7%, oklch(59.03% 0.1198 115.78) 51.3%, oklch(56.69% 0.1141 115.93) 53.8%, oklch(54.40% 0.1085 116.03) 56.4%, oklch(52.17% 0.1028 116.09) 59.0%, oklch(49.98% 0.0971 116.13) 61.5%, oklch(47.81% 0.0914 116.17) 64.1%, oklch(45.65% 0.0858 116.23) 66.7%, oklch(43.50% 0.0801 116.32) 69.2%, oklch(41.33% 0.0745 116.46) 71.8%, oklch(39.14% 0.0689 116.67) 74.4%, oklch(36.86% 0.0632 116.97) 76.9%, oklch(34.41% 0.0571 117.36) 79.5%, oklch(31.86% 0.0507 117.82) 82.1%, oklch(29.27% 0.0443 118.33) 84.6%, oklch(26.72% 0.0380 118.85) 87.2%, oklch(24.27% 0.0319 119.38) 89.7%, oklch(22.00% 0.0263 119.87) 92.3%, oklch(19.97% 0.0213 120.32) 94.9%, oklch(18.26% 0.0171 120.69) 97.4%, oklch(16.93% 0.0138 120.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.095 | 106.2 |
| 2 | 0.858 | 0.178 | 112.5 |
| 3 | 0.602 | 0.123 | 115.7 |
| 4 | 0.386 | 0.068 | 116.7 |
| 5 | 0.169 | 0.014 | 121 |

## In these collections

- [Yellow gradients](https://grabient.com/yellow-gradients)

## Other forms

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