# Moss brown forest halo

Navy, olive, green and brown linear gradient with 32 colors: #2e4255, #2c4657, #284a59, #255059, #235657, #275c53, #31614d, #406647, #4f6a41, #5e6e3d, #6b723c, #76773e, #807f44, #8a894d, #929557, #9aa163, #a0ad6f, #a5b87b, #a8c286, #abc98e, #accc93, #adcb92, #abc58d, #a7bb84, #a1ae78, #99a06c, #90905f, #858153, #7b7249, #726640, #6a5c39, #645534. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, olive, green and brown linear gradient
- Seed: `kUXh6wRJwv-aewi6EzqA`
- Page: https://grabient.com/kUXh6wRJwv-aewi6EzqA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.8 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 | `#2e4255` | `oklch(37.01% 0.0413 247.50)` | Reef Resort | white, 10.3 to 1 |
| 2 | `#2c4657` | `oklch(37.94% 0.0435 239.10)` | Blue Wing Teal | white, 9.9 to 1 |
| 3 | `#284a59` | `oklch(39.07% 0.0465 227.50)` | Deep Sea Blue | white, 9.4 to 1 |
| 4 | `#255059` | `oklch(40.39% 0.0500 213.50)` | Sunken Mystery | white, 8.8 to 1 |
| 5 | `#235657` | `oklch(41.88% 0.0539 197.89)` | Forbidden Forest | white, 8.2 to 1 |
| 6 | `#275c53` | `oklch(43.51% 0.0581 181.45)` | Old Money | white, 7.6 to 1 |
| 7 | `#31614d` | `oklch(45.28% 0.0624 164.96)` | Moss Vale | white, 7.1 to 1 |
| 8 | `#406647` | `oklch(47.15% 0.0665 149.22)` | Firm Green | white, 6.5 to 1 |
| 9 | `#4f6a41` | `oklch(49.11% 0.0703 135.01)` | Alfalfa Extract | white, 6 to 1 |
| 10 | `#5e6e3d` | `oklch(51.15% 0.0737 123.12)` | Crisp Capsicum | white, 5.5 to 1 |
| 11 | `#6b723c` | `oklch(53.23% 0.0764 114.34)` | Cedar Green | white, 5.1 to 1 |
| 12 | `#76773e` | `oklch(55.51% 0.0785 109.23)` | Crocodile Style | white, 4.6 to 1 |
| 13 | `#807f44` | `oklch(58.37% 0.0803 107.25)` | Terrapin | black, 5 to 1 |
| 14 | `#8a894d` | `oklch(61.67% 0.0820 107.78)` | Warm Wetlands | black, 5.7 to 1 |
| 15 | `#929557` | `oklch(65.22% 0.0833 110.21)` | Topiary | black, 6.6 to 1 |
| 16 | `#9aa163` | `oklch(68.82% 0.0844 113.95)` | Banana Palm | black, 7.6 to 1 |
| 17 | `#a0ad6f` | `oklch(72.27% 0.0852 118.42)` | Umbrella Green | black, 8.7 to 1 |
| 18 | `#a5b87b` | `oklch(75.37% 0.0856 123.00)` | Green Curry | black, 9.7 to 1 |
| 19 | `#a8c286` | `oklch(77.95% 0.0857 127.12)` | Shrubbery | black, 10.7 to 1 |
| 20 | `#abc98e` | `oklch(79.79% 0.0854 130.16)` | Venerable Verde | black, 11.4 to 1 |
| 21 | `#accc93` | `oklch(80.71% 0.0848 131.55)` | Chenille | black, 11.8 to 1 |
| 22 | `#adcb92` | `oklch(80.49% 0.0836 130.74)` | Garden Spot | black, 11.7 to 1 |
| 23 | `#abc58d` | `oklch(78.96% 0.0816 128.22)` | Venerable Verde | black, 11 to 1 |
| 24 | `#a7bb84` | `oklch(76.29% 0.0789 124.46)` | Margarita | black, 10 to 1 |
| 25 | `#a1ae78` | `oklch(72.75% 0.0756 119.77)` | Tarragon | black, 8.8 to 1 |
| 26 | `#99a06c` | `oklch(68.60% 0.0719 114.44)` | Dry Grass | black, 7.5 to 1 |
| 27 | `#90905f` | `oklch(64.10% 0.0680 108.77)` | Nick’s Nook | black, 6.3 to 1 |
| 28 | `#858153` | `oklch(59.52% 0.0641 103.06)` | Army Issue Green | black, 5.2 to 1 |
| 29 | `#7b7249` | `oklch(55.13% 0.0604 97.62)` | Olive Shade | white, 4.8 to 1 |
| 30 | `#726640` | `oklch(51.18% 0.0571 92.73)` | Nutria | white, 5.6 to 1 |
| 31 | `#6a5c39` | `oklch(47.94% 0.0543 88.69)` | Plum Green | white, 6.5 to 1 |
| 32 | `#645534` | `oklch(45.67% 0.0524 85.82)` | Uguisu Brown | white, 7.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2e4255 0.0%, #2c4657 3.2%, #284a59 6.5%, #255059 9.7%, #235657 12.9%, #275c53 16.1%, #31614d 19.4%, #406647 22.6%, #4f6a41 25.8%, #5e6e3d 29.0%, #6b723c 32.3%, #76773e 35.5%, #807f44 38.7%, #8a894d 41.9%, #929557 45.2%, #9aa163 48.4%, #a0ad6f 51.6%, #a5b87b 54.8%, #a8c286 58.1%, #abc98e 61.3%, #accc93 64.5%, #adcb92 67.7%, #abc58d 71.0%, #a7bb84 74.2%, #a1ae78 77.4%, #99a06c 80.6%, #90905f 83.9%, #858153 87.1%, #7b7249 90.3%, #726640 93.5%, #6a5c39 96.8%, #645534 100.0%);
background: linear-gradient(135deg in oklch, oklch(37.01% 0.0413 247.50) 0.0%, oklch(37.94% 0.0435 239.10) 3.2%, oklch(39.07% 0.0465 227.50) 6.5%, oklch(40.39% 0.0500 213.50) 9.7%, oklch(41.88% 0.0539 197.89) 12.9%, oklch(43.51% 0.0581 181.45) 16.1%, oklch(45.28% 0.0624 164.96) 19.4%, oklch(47.15% 0.0665 149.22) 22.6%, oklch(49.11% 0.0703 135.01) 25.8%, oklch(51.15% 0.0737 123.12) 29.0%, oklch(53.23% 0.0764 114.34) 32.3%, oklch(55.51% 0.0785 109.23) 35.5%, oklch(58.37% 0.0803 107.25) 38.7%, oklch(61.67% 0.0820 107.78) 41.9%, oklch(65.22% 0.0833 110.21) 45.2%, oklch(68.82% 0.0844 113.95) 48.4%, oklch(72.27% 0.0852 118.42) 51.6%, oklch(75.37% 0.0856 123.00) 54.8%, oklch(77.95% 0.0857 127.12) 58.1%, oklch(79.79% 0.0854 130.16) 61.3%, oklch(80.71% 0.0848 131.55) 64.5%, oklch(80.49% 0.0836 130.74) 67.7%, oklch(78.96% 0.0816 128.22) 71.0%, oklch(76.29% 0.0789 124.46) 74.2%, oklch(72.75% 0.0756 119.77) 77.4%, oklch(68.60% 0.0719 114.44) 80.6%, oklch(64.10% 0.0680 108.77) 83.9%, oklch(59.52% 0.0641 103.06) 87.1%, oklch(55.13% 0.0604 97.62) 90.3%, oklch(51.18% 0.0571 92.73) 93.5%, oklch(47.94% 0.0543 88.69) 96.8%, oklch(45.67% 0.0524 85.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.37 | 0.041 | 247.5 |
| 2 | 0.539 | 0.077 | 112.2 |
| 3 | 0.807 | 0.084 | 131.3 |
| 4 | 0.457 | 0.052 | 85.8 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)

## Other forms

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