# Forest Mint Lilac Halo

Dark green, teal and lavender radial gradient with 32 colors: #0c201a, #0d251e, #0e2b23, #0e3329, #0f3c2f, #0f4537, #0e4f3e, #0e5a46, #0f644e, #116e55, #15775c, #1b7e62, #258566, #308c69, #3b926b, #45986e, #4f9e70, #58a374, #5ea87a, #62ae81, #64b38b, #64b997, #63bea8, #64c2ba, #6dc5cd, #7cc6dd, #8fc6e8, #a3c5ef, #b5c5f1, #c4c5f0, #cfc6ee, #d7c7ec. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark green, teal and lavender radial gradient
- Seed: `kUORV6waM_lsjv1sk9CA`
- Page: https://grabient.com/kUORV6waM_lsjv1sk9CA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.7 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 | `#0c201a` | `oklch(22.44% 0.0289 172.27)` | Black Emerald | white, 16.9 to 1 |
| 2 | `#0d251e` | `oklch(24.15% 0.0331 172.09)` | Deep Slate Green | white, 16.1 to 1 |
| 3 | `#0e2b23` | `oklch(26.38% 0.0388 171.88)` | Guerrilla Forest | white, 15.1 to 1 |
| 4 | `#0e3329` | `oklch(29.04% 0.0456 171.64)` | Intense Green | white, 13.8 to 1 |
| 5 | `#0f3c2f` | `oklch(32.02% 0.0532 171.37)` | Mizukaze Green | white, 12.3 to 1 |
| 6 | `#0f4537` | `oklch(35.21% 0.0613 171.06)` | Sherwood Green | white, 10.8 to 1 |
| 7 | `#0e4f3e` | `oklch(38.51% 0.0694 170.74)` | Raspberry Leaf Green | white, 9.4 to 1 |
| 8 | `#0e5a46` | `oklch(41.82% 0.0772 170.39)` | Evergreen | white, 8.1 to 1 |
| 9 | `#0f644e` | `oklch(45.03% 0.0844 170.02)` | Green Paw Paw | white, 7 to 1 |
| 10 | `#116e55` | `oklch(48.05% 0.0905 169.63)` | Teal Dark Green | white, 6.2 to 1 |
| 11 | `#15775c` | `oklch(50.76% 0.0952 169.23)` | Emerald Dream | white, 5.5 to 1 |
| 12 | `#1b7e62` | `oklch(53.14% 0.0985 168.53)` | Deep Sea | white, 4.9 to 1 |
| 13 | `#258566` | `oklch(55.40% 0.1009 166.77)` | Accent Green Blue | black, 4.6 to 1 |
| 14 | `#308c69` | `oklch(57.56% 0.1026 164.28)` | Leprechaun | black, 5 to 1 |
| 15 | `#3b926b` | `oklch(59.62% 0.1037 161.45)` | Illuminati Green | black, 5.5 to 1 |
| 16 | `#45986e` | `oklch(61.61% 0.1041 158.70)` | Ocean Green | black, 5.9 to 1 |
| 17 | `#4f9e70` | `oklch(63.52% 0.1040 156.41)` | Basil Pesto | black, 6.4 to 1 |
| 18 | `#58a374` | `oklch(65.36% 0.1034 155.00)` | Great Gazoo | black, 6.8 to 1 |
| 19 | `#5ea87a` | `oklch(67.14% 0.1023 154.87)` | Shiny Shamrock | black, 7.3 to 1 |
| 20 | `#62ae81` | `oklch(68.87% 0.1009 156.41)` | Elf Shoe | black, 7.8 to 1 |
| 21 | `#64b38b` | `oklch(70.55% 0.0992 160.04)` | Crazy Eyes | black, 8.3 to 1 |
| 22 | `#64b997` | `oklch(72.20% 0.0971 166.21)` | Sainsbury | black, 8.9 to 1 |
| 23 | `#63bea8` | `oklch(73.84% 0.0941 175.83)` | Spearmint | black, 9.4 to 1 |
| 24 | `#64c2ba` | `oklch(75.46% 0.0901 188.45)` | Tropic Tide | black, 9.9 to 1 |
| 25 | `#6dc5cd` | `oklch(77.05% 0.0854 203.31)` | Paradise Sky | black, 10.4 to 1 |
| 26 | `#7cc6dd` | `oklch(78.58% 0.0803 219.62)` | Bliss Blue | black, 10.9 to 1 |
| 27 | `#8fc6e8` | `oklch(80.03% 0.0750 236.60)` | Deluxe Days | black, 11.4 to 1 |
| 28 | `#a3c5ef` | `oklch(81.39% 0.0697 253.48)` | Sky High | black, 11.8 to 1 |
| 29 | `#b5c5f1` | `oklch(82.63% 0.0647 269.47)` | Larkspur Bud | black, 12.2 to 1 |
| 30 | `#c4c5f0` | `oklch(83.73% 0.0602 283.80)` | Violet Gems | black, 12.6 to 1 |
| 31 | `#cfc6ee` | `oklch(84.67% 0.0565 295.69)` | Soap | black, 12.9 to 1 |
| 32 | `#d7c7ec` | `oklch(85.43% 0.0537 304.36)` | Foggy Love | black, 13.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0c201a 0.0%, #0d251e 3.2%, #0e2b23 6.5%, #0e3329 9.7%, #0f3c2f 12.9%, #0f4537 16.1%, #0e4f3e 19.4%, #0e5a46 22.6%, #0f644e 25.8%, #116e55 29.0%, #15775c 32.3%, #1b7e62 35.5%, #258566 38.7%, #308c69 41.9%, #3b926b 45.2%, #45986e 48.4%, #4f9e70 51.6%, #58a374 54.8%, #5ea87a 58.1%, #62ae81 61.3%, #64b38b 64.5%, #64b997 67.7%, #63bea8 71.0%, #64c2ba 74.2%, #6dc5cd 77.4%, #7cc6dd 80.6%, #8fc6e8 83.9%, #a3c5ef 87.1%, #b5c5f1 90.3%, #c4c5f0 93.5%, #cfc6ee 96.8%, #d7c7ec 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.44% 0.0289 172.27) 0.0%, oklch(24.15% 0.0331 172.09) 3.2%, oklch(26.38% 0.0388 171.88) 6.5%, oklch(29.04% 0.0456 171.64) 9.7%, oklch(32.02% 0.0532 171.37) 12.9%, oklch(35.21% 0.0613 171.06) 16.1%, oklch(38.51% 0.0694 170.74) 19.4%, oklch(41.82% 0.0772 170.39) 22.6%, oklch(45.03% 0.0844 170.02) 25.8%, oklch(48.05% 0.0905 169.63) 29.0%, oklch(50.76% 0.0952 169.23) 32.3%, oklch(53.14% 0.0985 168.53) 35.5%, oklch(55.40% 0.1009 166.77) 38.7%, oklch(57.56% 0.1026 164.28) 41.9%, oklch(59.62% 0.1037 161.45) 45.2%, oklch(61.61% 0.1041 158.70) 48.4%, oklch(63.52% 0.1040 156.41) 51.6%, oklch(65.36% 0.1034 155.00) 54.8%, oklch(67.14% 0.1023 154.87) 58.1%, oklch(68.87% 0.1009 156.41) 61.3%, oklch(70.55% 0.0992 160.04) 64.5%, oklch(72.20% 0.0971 166.21) 67.7%, oklch(73.84% 0.0941 175.83) 71.0%, oklch(75.46% 0.0901 188.45) 74.2%, oklch(77.05% 0.0854 203.31) 77.4%, oklch(78.58% 0.0803 219.62) 80.6%, oklch(80.03% 0.0750 236.60) 83.9%, oklch(81.39% 0.0697 253.48) 87.1%, oklch(82.63% 0.0647 269.47) 90.3%, oklch(83.73% 0.0602 283.80) 93.5%, oklch(84.67% 0.0565 295.69) 96.8%, oklch(85.43% 0.0537 304.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.029 | 172.3 |
| 2 | 0.516 | 0.096 | 169.1 |
| 3 | 0.717 | 0.098 | 163.8 |
| 4 | 0.854 | 0.054 | 304.4 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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