# Rain blue moss glow

Tritone brown, teal and green radial gradient with 32 colors: #715729, #6d5b2b, #686131, #60673b, #586e49, #507358, #4c7767, #4c7b74, #507e7e, #558086, #59838c, #5c8790, #5d8c93, #5e9295, #609995, #649f92, #6ca48b, #79a781, #87a876, #95a66c, #a0a163, #a69b5c, #a89257, #a58652, #9e794f, #946c4b, #885f48, #7a5444, #6d4940, #61403c, #573938, #503435. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone brown, teal and green radial gradient
- Seed: `kUeDQ5SpHPteesstjrXA`
- Page: https://grabient.com/kUeDQ5SpHPteesstjrXA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 4.2 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 | `#715729` | `oklch(47.24% 0.0717 80.16)` | Olivary | white, 6.8 to 1 |
| 2 | `#6d5b2b` | `oklch(47.90% 0.0701 88.82)` | Olivary | white, 6.5 to 1 |
| 3 | `#686131` | `oklch(48.75% 0.0677 101.23)` | Saguaro | white, 6.2 to 1 |
| 4 | `#60673b` | `oklch(49.76% 0.0648 116.38)` | Scots Pine | white, 5.9 to 1 |
| 5 | `#586e49` | `oklch(50.89% 0.0616 133.23)` | Asparagus Sprig | white, 5.6 to 1 |
| 6 | `#507358` | `oklch(52.10% 0.0582 150.75)` | Green Valley | white, 5.3 to 1 |
| 7 | `#4c7767` | `oklch(53.37% 0.0551 167.93)` | Hooker’s Green | white, 5 to 1 |
| 8 | `#4c7b74` | `oklch(54.66% 0.0522 183.73)` | Turquoise Tortoise | white, 4.7 to 1 |
| 9 | `#507e7e` | `oklch(55.94% 0.0500 197.13)` | Nickel Ore Green | black, 4.6 to 1 |
| 10 | `#558086` | `oklch(57.16% 0.0485 207.11)` | La Pineta | black, 4.8 to 1 |
| 11 | `#59838c` | `oklch(58.31% 0.0481 212.63)` | Cape Lee | black, 5 to 1 |
| 12 | `#5c8790` | `oklch(59.44% 0.0490 212.99)` | Dusty Turquoise | black, 5.3 to 1 |
| 13 | `#5d8c93` | `oklch(60.85% 0.0515 208.98)` | Tort | black, 5.6 to 1 |
| 14 | `#5e9295` | `oklch(62.46% 0.0552 201.38)` | Pauley | black, 6 to 1 |
| 15 | `#609995` | `oklch(64.14% 0.0598 190.93)` | Loch Blue | black, 6.4 to 1 |
| 16 | `#649f92` | `oklch(65.79% 0.0649 178.35)` | Emerald Oasis | black, 6.9 to 1 |
| 17 | `#6ca48b` | `oklch(67.28% 0.0700 164.39)` | Quilotoa Green | black, 7.3 to 1 |
| 18 | `#79a781` | `oklch(68.51% 0.0748 149.76)` | Green Globe | black, 7.6 to 1 |
| 19 | `#87a876` | `oklch(69.36% 0.0790 135.21)` | Moss Candy | black, 7.8 to 1 |
| 20 | `#95a66c` | `oklch(69.72% 0.0822 121.47)` | Green Plaza | black, 7.9 to 1 |
| 21 | `#a0a163` | `oklch(69.46% 0.0839 109.27)` | Gothic Revival Green | black, 7.8 to 1 |
| 22 | `#a69b5c` | `oklch(68.47% 0.0838 99.16)` | Loveliest Leaves | black, 7.4 to 1 |
| 23 | `#a89257` | `oklch(66.51% 0.0820 89.44)` | Golden Griffon | black, 6.8 to 1 |
| 24 | `#a58652` | `oklch(63.71% 0.0786 79.61)` | Leather Tan | black, 6.1 to 1 |
| 25 | `#9e794f` | `oklch(60.27% 0.0742 69.84)` | Wave of Grain | black, 5.3 to 1 |
| 26 | `#946c4b` | `oklch(56.40% 0.0690 60.29)` | Thrush | white, 4.6 to 1 |
| 27 | `#885f48` | `oklch(52.31% 0.0633 51.12)` | Rawhide | white, 5.5 to 1 |
| 28 | `#7a5444` | `oklch(48.21% 0.0575 42.50)` | Florentine Brown | white, 6.6 to 1 |
| 29 | `#6d4940` | `oklch(44.31% 0.0519 34.59)` | Deeply Deanna | white, 7.8 to 1 |
| 30 | `#61403c` | `oklch(40.80% 0.0469 27.55)` | American Milking Devon | white, 9.1 to 1 |
| 31 | `#573938` | `oklch(37.90% 0.0428 21.55)` | Smoked Claret | white, 10.2 to 1 |
| 32 | `#503435` | `oklch(35.83% 0.0400 16.75)` | Decadent Chocolate | white, 11.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #715729 0.0%, #6d5b2b 3.2%, #686131 6.5%, #60673b 9.7%, #586e49 12.9%, #507358 16.1%, #4c7767 19.4%, #4c7b74 22.6%, #507e7e 25.8%, #558086 29.0%, #59838c 32.3%, #5c8790 35.5%, #5d8c93 38.7%, #5e9295 41.9%, #609995 45.2%, #649f92 48.4%, #6ca48b 51.6%, #79a781 54.8%, #87a876 58.1%, #95a66c 61.3%, #a0a163 64.5%, #a69b5c 67.7%, #a89257 71.0%, #a58652 74.2%, #9e794f 77.4%, #946c4b 80.6%, #885f48 83.9%, #7a5444 87.1%, #6d4940 90.3%, #61403c 93.5%, #573938 96.8%, #503435 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(47.24% 0.0717 80.16) 0.0%, oklch(47.90% 0.0701 88.82) 3.2%, oklch(48.75% 0.0677 101.23) 6.5%, oklch(49.76% 0.0648 116.38) 9.7%, oklch(50.89% 0.0616 133.23) 12.9%, oklch(52.10% 0.0582 150.75) 16.1%, oklch(53.37% 0.0551 167.93) 19.4%, oklch(54.66% 0.0522 183.73) 22.6%, oklch(55.94% 0.0500 197.13) 25.8%, oklch(57.16% 0.0485 207.11) 29.0%, oklch(58.31% 0.0481 212.63) 32.3%, oklch(59.44% 0.0490 212.99) 35.5%, oklch(60.85% 0.0515 208.98) 38.7%, oklch(62.46% 0.0552 201.38) 41.9%, oklch(64.14% 0.0598 190.93) 45.2%, oklch(65.79% 0.0649 178.35) 48.4%, oklch(67.28% 0.0700 164.39) 51.6%, oklch(68.51% 0.0748 149.76) 54.8%, oklch(69.36% 0.0790 135.21) 58.1%, oklch(69.72% 0.0822 121.47) 61.3%, oklch(69.46% 0.0839 109.27) 64.5%, oklch(68.47% 0.0838 99.16) 67.7%, oklch(66.51% 0.0820 89.44) 71.0%, oklch(63.71% 0.0786 79.61) 74.2%, oklch(60.27% 0.0742 69.84) 77.4%, oklch(56.40% 0.0690 60.29) 80.6%, oklch(52.31% 0.0633 51.12) 83.9%, oklch(48.21% 0.0575 42.50) 87.1%, oklch(44.31% 0.0519 34.59) 90.3%, oklch(40.80% 0.0469 27.55) 93.5%, oklch(37.90% 0.0428 21.55) 96.8%, oklch(35.83% 0.0400 16.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.472 | 0.072 | 80.2 |
| 2 | 0.587 | 0.048 | 213.3 |
| 3 | 0.689 | 0.084 | 102.3 |
| 4 | 0.358 | 0.04 | 16.8 |

## In these collections

- [Daffodil raincoat morning](https://grabient.com/daffodil-raincoat-morning)

## Other forms

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