# Dark green, green, pink and purple radial gradient

Dark green, green, pink and purple radial gradient with 32 colors: #102016, #13261a, #163020, #1b3b27, #20482e, #265636, #2d633d, #356f44, #3d7948, #45834e, #4c8c54, #539459, #5c9c5e, #66a261, #72a760, #81a95b, #93a852, #a9a447, #bf9c44, #cf924f, #d88963, #d8827a, #d27d8d, #c97a99, #bf769e, #b36f9c, #a86796, #9d5d8d, #925383, #894a79, #814271, #7c3d6c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWORVvQaO_FgqPVVJjAOia-I`
- Page: https://grabient.com/kWORVvQaO_FgqPVVJjAOia-I?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#102016` | `oklch(22.44% 0.0289 156.09)` | Nightmare | white, 16.9 to 1 |
| 2 | `#13261a` | `oklch(24.86% 0.0348 155.61)` | Deep Slate Green | white, 15.8 to 1 |
| 3 | `#163020` | `oklch(28.17% 0.0431 155.08)` | Méi Hēi Coal | white, 14.2 to 1 |
| 4 | `#1b3b27` | `oklch(32.12% 0.0529 154.45)` | Deep Fir | white, 12.3 to 1 |
| 5 | `#20482e` | `oklch(36.45% 0.0636 153.68)` | Zucchini | white, 10.3 to 1 |
| 6 | `#265636` | `oklch(40.90% 0.0744 152.71)` | Kaitoke Green | white, 8.5 to 1 |
| 7 | `#2d633d` | `oklch(45.19% 0.0844 151.51)` | Fairway Green | white, 7 to 1 |
| 8 | `#356f44` | `oklch(49.08% 0.0929 150.03)` | Arcala Green | white, 5.9 to 1 |
| 9 | `#3d7948` | `oklch(52.33% 0.0992 148.26)` | Autumn Crocodile | white, 5.1 to 1 |
| 10 | `#45834e` | `oklch(55.30% 0.1039 147.18)` | Kilkenny | black, 4.5 to 1 |
| 11 | `#4c8c54` | `oklch(58.15% 0.1076 146.69)` | Middle Green | black, 5.1 to 1 |
| 12 | `#539459` | `oklch(60.84% 0.1104 146.16)` | Ineffable Forest | black, 5.7 to 1 |
| 13 | `#5c9c5e` | `oklch(63.29% 0.1125 144.96)` | Savage Garden | black, 6.3 to 1 |
| 14 | `#66a261` | `oklch(65.46% 0.1139 142.48)` | Astroturf | black, 6.9 to 1 |
| 15 | `#72a760` | `oklch(67.30% 0.1149 138.07)` | Dull Green | black, 7.3 to 1 |
| 16 | `#81a95b` | `oklch(68.74% 0.1155 131.13)` | Jealousy | black, 7.7 to 1 |
| 17 | `#93a852` | `oklch(69.74% 0.1158 120.78)` | Overt Green | black, 7.9 to 1 |
| 18 | `#a9a447` | `oklch(70.38% 0.1152 105.78)` | Desert Locust | black, 8 to 1 |
| 19 | `#bf9c44` | `oklch(70.68% 0.1139 87.29)` | Underbrush | black, 8 to 1 |
| 20 | `#cf924f` | `oklch(70.64% 0.1120 66.82)` | Cold Pilsner | black, 7.8 to 1 |
| 21 | `#d88963` | `oklch(70.28% 0.1099 45.86)` | Copper Coin | black, 7.6 to 1 |
| 22 | `#d8827a` | `oklch(69.60% 0.1079 25.88)` | Cranapple | black, 7.3 to 1 |
| 23 | `#d27d8d` | `oklch(68.60% 0.1061 8.39)` | I Pink I Can | black, 7 to 1 |
| 24 | `#c97a99` | `oklch(67.30% 0.1049 354.88)` | Wild Rose | black, 6.7 to 1 |
| 25 | `#bf769e` | `oklch(65.53% 0.1044 346.09)` | Valentine Heart | black, 6.2 to 1 |
| 26 | `#b36f9c` | `oklch(62.99% 0.1042 340.58)` | Mulberry Bush | black, 5.6 to 1 |
| 27 | `#a86796` | `oklch(59.92% 0.1044 337.63)` | Mauve Memento | black, 5 to 1 |
| 28 | `#9d5d8d` | `oklch(56.58% 0.1047 336.55)` | Kyo Purple | white, 4.8 to 1 |
| 29 | `#925383` | `oklch(53.22% 0.1051 336.67)` | Grape Candy | white, 5.5 to 1 |
| 30 | `#894a79` | `oklch(50.11% 0.1055 337.32)` | Thistle Mauve | white, 6.3 to 1 |
| 31 | `#814271` | `oklch(47.51% 0.1059 337.82)` | Club Mauve | white, 7 to 1 |
| 32 | `#7c3d6c` | `oklch(45.67% 0.1061 337.50)` | Deep Commitment to Purple | white, 7.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #102016 0.0%, #13261a 3.2%, #163020 6.5%, #1b3b27 9.7%, #20482e 12.9%, #265636 16.1%, #2d633d 19.4%, #356f44 22.6%, #3d7948 25.8%, #45834e 29.0%, #4c8c54 32.3%, #539459 35.5%, #5c9c5e 38.7%, #66a261 41.9%, #72a760 45.2%, #81a95b 48.4%, #93a852 51.6%, #a9a447 54.8%, #bf9c44 58.1%, #cf924f 61.3%, #d88963 64.5%, #d8827a 67.7%, #d27d8d 71.0%, #c97a99 74.2%, #bf769e 77.4%, #b36f9c 80.6%, #a86796 83.9%, #9d5d8d 87.1%, #925383 90.3%, #894a79 93.5%, #814271 96.8%, #7c3d6c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.44% 0.0289 156.09) 0.0%, oklch(24.86% 0.0348 155.61) 3.2%, oklch(28.17% 0.0431 155.08) 6.5%, oklch(32.12% 0.0529 154.45) 9.7%, oklch(36.45% 0.0636 153.68) 12.9%, oklch(40.90% 0.0744 152.71) 16.1%, oklch(45.19% 0.0844 151.51) 19.4%, oklch(49.08% 0.0929 150.03) 22.6%, oklch(52.33% 0.0992 148.26) 25.8%, oklch(55.30% 0.1039 147.18) 29.0%, oklch(58.15% 0.1076 146.69) 32.3%, oklch(60.84% 0.1104 146.16) 35.5%, oklch(63.29% 0.1125 144.96) 38.7%, oklch(65.46% 0.1139 142.48) 41.9%, oklch(67.30% 0.1149 138.07) 45.2%, oklch(68.74% 0.1155 131.13) 48.4%, oklch(69.74% 0.1158 120.78) 51.6%, oklch(70.38% 0.1152 105.78) 54.8%, oklch(70.68% 0.1139 87.29) 58.1%, oklch(70.64% 0.1120 66.82) 61.3%, oklch(70.28% 0.1099 45.86) 64.5%, oklch(69.60% 0.1079 25.88) 67.7%, oklch(68.60% 0.1061 8.39) 71.0%, oklch(67.30% 0.1049 354.88) 74.2%, oklch(65.53% 0.1044 346.09) 77.4%, oklch(62.99% 0.1042 340.58) 80.6%, oklch(59.92% 0.1044 337.63) 83.9%, oklch(56.58% 0.1047 336.55) 87.1%, oklch(53.22% 0.1051 336.67) 90.3%, oklch(50.11% 0.1055 337.32) 93.5%, oklch(47.51% 0.1059 337.82) 96.8%, oklch(45.67% 0.1061 337.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.029 | 156.1 |
| 2 | 0.516 | 0.098 | 148.7 |
| 3 | 0.693 | 0.116 | 126.5 |
| 4 | 0.669 | 0.105 | -7.7 |
| 5 | 0.457 | 0.106 | -22.5 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)
- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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