# Blue, light green, brown and dark green radial gradient

Blue, light green, brown and dark green radial gradient with 32 colors: #4c6b90, #4c7596, #50849d, #5896a4, #69aaa9, #81bcac, #9eccae, #bbdab1, #d5e3b4, #e9e8b7, #f3e8b8, #f3e1b3, #ebd5a8, #dcc398, #c7ae83, #b0976d, #978056, #7f6b3f, #68582a, #544817, #433d08, #373701, #2c3602, #1f370b, #0b3b19, #003e2b, #00413a, #004448, #004856, #004b65, #084c74, #1d4b79. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUhDK0dZctCqZwYzodDg`
- Page: https://grabient.com/kUhDK0dZctCqZwYzodDg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#4c6b90` | `oklch(51.97% 0.0689 253.12)` | Wickford Bay | white, 5.5 to 1 |
| 2 | `#4c7596` | `oklch(54.71% 0.0685 243.25)` | Hammerhead Shark | white, 4.8 to 1 |
| 3 | `#50849d` | `oklch(58.77% 0.0680 229.67)` | Jay Bird | black, 5.1 to 1 |
| 4 | `#5896a4` | `oklch(63.76% 0.0673 213.28)` | Lakeshore | black, 6.3 to 1 |
| 5 | `#69aaa9` | `oklch(69.29% 0.0666 195.00)` | Veranda | black, 7.8 to 1 |
| 6 | `#81bcac` | `oklch(74.99% 0.0658 175.73)` | Ocean Wave | black, 9.7 to 1 |
| 7 | `#9eccae` | `oklch(80.49% 0.0651 156.37)` | Retro Mint | black, 11.7 to 1 |
| 8 | `#bbdab1` | `oklch(85.38% 0.0644 137.83)` | A Mann’s Mint | black, 13.7 to 1 |
| 9 | `#d5e3b4` | `oklch(89.30% 0.0639 121.01)` | Fern Shadow | black, 15.4 to 1 |
| 10 | `#e9e8b7` | `oklch(91.87% 0.0635 106.82)` | Beacon | black, 16.6 to 1 |
| 11 | `#f3e8b8` | `oklch(92.70% 0.0634 96.17)` | Menoth White Base | black, 16.9 to 1 |
| 12 | `#f3e1b3` | `oklch(91.39% 0.0635 89.30)` | Friendly Yellow | black, 16.2 to 1 |
| 13 | `#ebd5a8` | `oklch(87.92% 0.0636 84.52)` | Sweet Marzipan | black, 14.5 to 1 |
| 14 | `#dcc398` | `oklch(82.72% 0.0639 81.58)` | True Blonde | black, 12.2 to 1 |
| 15 | `#c7ae83` | `oklch(76.23% 0.0643 80.35)` | Common Chalcedony | black, 9.8 to 1 |
| 16 | `#b0976d` | `oklch(68.91% 0.0648 80.72)` | Emperor’s Gold | black, 7.5 to 1 |
| 17 | `#978056` | `oklch(61.21% 0.0654 82.57)` | Grassy Cliff | black, 5.5 to 1 |
| 18 | `#7f6b3f` | `oklch(53.58% 0.0662 85.78)` | Cork Bark | white, 5.1 to 1 |
| 19 | `#68582a` | `oklch(46.47% 0.0671 90.23)` | Fir Green | white, 6.9 to 1 |
| 20 | `#544817` | `oklch(40.32% 0.0682 95.81)` | Sugarloaf Brown | white, 9 to 1 |
| 21 | `#433d08` | `oklch(35.60% 0.0694 102.40)` | Xanthophobia | white, 10.9 to 1 |
| 22 | `#373701` | `oklch(32.70% 0.0708 110.04)` | Wasabi Nori | white, 12.2 to 1 |
| 23 | `#2c3602` | `oklch(31.19% 0.0725 120.52)` | Wasabi Nori | white, 12.8 to 1 |
| 24 | `#1f370b` | `oklch(30.73% 0.0747 133.79)` | Melancholia | white, 12.9 to 1 |
| 25 | `#0b3b19` | `oklch(31.10% 0.0770 149.10)` | Melancholia | white, 12.7 to 1 |
| 26 | `#003e2b` | `oklch(32.13% 0.0670 165.65)` | Mizukaze Green | white, 12.2 to 1 |
| 27 | `#00413a` | `oklch(33.59% 0.0599 182.86)` | Botanical Night | white, 11.6 to 1 |
| 28 | `#004448` | `oklch(35.29% 0.0600 199.88)` | Dark Side | white, 10.8 to 1 |
| 29 | `#004856` | `oklch(37.04% 0.0658 215.95)` | Midnight Green | white, 10.1 to 1 |
| 30 | `#004b65` | `oklch(38.63% 0.0773 230.33)` | Fresco Blue | white, 9.5 to 1 |
| 31 | `#084c74` | `oklch(39.87% 0.0910 242.23)` | Dignity Blue | white, 9.1 to 1 |
| 32 | `#1d4b79` | `oklch(40.55% 0.0923 251.01)` | Seashell Cove | white, 8.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4c6b90 0.0%, #4c7596 3.2%, #50849d 6.5%, #5896a4 9.7%, #69aaa9 12.9%, #81bcac 16.1%, #9eccae 19.4%, #bbdab1 22.6%, #d5e3b4 25.8%, #e9e8b7 29.0%, #f3e8b8 32.3%, #f3e1b3 35.5%, #ebd5a8 38.7%, #dcc398 41.9%, #c7ae83 45.2%, #b0976d 48.4%, #978056 51.6%, #7f6b3f 54.8%, #68582a 58.1%, #544817 61.3%, #433d08 64.5%, #373701 67.7%, #2c3602 71.0%, #1f370b 74.2%, #0b3b19 77.4%, #003e2b 80.6%, #00413a 83.9%, #004448 87.1%, #004856 90.3%, #004b65 93.5%, #084c74 96.8%, #1d4b79 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.97% 0.0689 253.12) 0.0%, oklch(54.71% 0.0685 243.25) 3.2%, oklch(58.77% 0.0680 229.67) 6.5%, oklch(63.76% 0.0673 213.28) 9.7%, oklch(69.29% 0.0666 195.00) 12.9%, oklch(74.99% 0.0658 175.73) 16.1%, oklch(80.49% 0.0651 156.37) 19.4%, oklch(85.38% 0.0644 137.83) 22.6%, oklch(89.30% 0.0639 121.01) 25.8%, oklch(91.87% 0.0635 106.82) 29.0%, oklch(92.70% 0.0634 96.17) 32.3%, oklch(91.39% 0.0635 89.30) 35.5%, oklch(87.92% 0.0636 84.52) 38.7%, oklch(82.72% 0.0639 81.58) 41.9%, oklch(76.23% 0.0643 80.35) 45.2%, oklch(68.91% 0.0648 80.72) 48.4%, oklch(61.21% 0.0654 82.57) 51.6%, oklch(53.58% 0.0662 85.78) 54.8%, oklch(46.47% 0.0671 90.23) 58.1%, oklch(40.32% 0.0682 95.81) 61.3%, oklch(35.60% 0.0694 102.40) 64.5%, oklch(32.70% 0.0708 110.04) 67.7%, oklch(31.19% 0.0725 120.52) 71.0%, oklch(30.73% 0.0747 133.79) 74.2%, oklch(31.10% 0.0770 149.10) 77.4%, oklch(32.13% 0.0670 165.65) 80.6%, oklch(33.59% 0.0599 182.86) 83.9%, oklch(35.29% 0.0600 199.88) 87.1%, oklch(37.04% 0.0658 215.95) 90.3%, oklch(38.63% 0.0773 230.33) 93.5%, oklch(39.87% 0.0910 242.23) 96.8%, oklch(40.55% 0.0923 251.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.52 | 0.069 | 253.1 |
| 2 | 0.925 | 0.063 | 93.6 |
| 3 | 0.335 | 0.07 | 107.3 |
| 4 | 0.406 | 0.092 | 251 |

## Other forms

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