# Analogous dark green to light blue radial gradient

Analogous dark green to light blue radial gradient with 9 colors: #133b2b, #134631, #18563b, #2b6f4d, #4a946c, #70bc91, #9ad8b4, #c7edd7, #e7faef. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUUSd1Oh8_WGiv97CUBA`
- Page: https://grabient.com/kUUSd1Oh8_WGiv97CUBA?style=radialGradient&steps=9&angle=0
- Drawn as: radial gradient, 9 steps, 0 degrees
- Kinds: dark to light, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 11.4 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 | `#133b2b` | `oklch(31.89% 0.0537 164.53)` | Deep Fir | white, 12.4 to 1 |
| 2 | `#134631` | `oklch(35.29% 0.0643 162.75)` | Zucchini | white, 10.8 to 1 |
| 3 | `#18563b` | `oklch(40.68% 0.0783 160.40)` | Sacramento State Green | white, 8.5 to 1 |
| 4 | `#2b6f4d` | `oklch(48.80% 0.0882 158.88)` | Chopped Chive | white, 6 to 1 |
| 5 | `#4a946c` | `oklch(60.83% 0.0966 158.19)` | Good Luck | black, 5.7 to 1 |
| 6 | `#70bc91` | `oklch(73.29% 0.0978 158.09)` | Katydid | black, 9.2 to 1 |
| 7 | `#9ad8b4` | `oklch(83.04% 0.0815 158.76)` | Nihilakh Oxide | black, 12.8 to 1 |
| 8 | `#c7edd7` | `oklch(91.28% 0.0495 160.22)` | Seafoam Pearl | black, 16.5 to 1 |
| 9 | `#e7faef` | `oklch(96.85% 0.0248 161.36)` | Soft Mint | black, 19.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #133b2b 0.0%, #134631 12.5%, #18563b 25.0%, #2b6f4d 37.5%, #4a946c 50.0%, #70bc91 62.5%, #9ad8b4 75.0%, #c7edd7 87.5%, #e7faef 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0537 164.53) 0.0%, oklch(35.29% 0.0643 162.75) 12.5%, oklch(40.68% 0.0783 160.40) 25.0%, oklch(48.80% 0.0882 158.88) 37.5%, oklch(60.83% 0.0966 158.19) 50.0%, oklch(73.29% 0.0978 158.09) 62.5%, oklch(83.04% 0.0815 158.76) 75.0%, oklch(91.28% 0.0495 160.22) 87.5%, oklch(96.85% 0.0248 161.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.054 | 164.5 |
| 2 | 0.457 | 0.085 | 159.2 |
| 3 | 0.768 | 0.095 | 158.2 |
| 4 | 0.969 | 0.025 | 161.4 |

## In these collections

- [Monochrome green gradients](https://grabient.com/monochrome-green-gradients)

## Other forms

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