# Rust moss teal diagonal

Navy, dark green, brown and teal linear gradient with 48 colors: #0a313b, #09333c, #08363d, #073a3e, #073e3f, #0a423f, #0f473e, #164b3d, #20503b, #2a5438, #365835, #425c31, #4e5f2d, #5b6129, #676326, #736525, #7e6726, #896829, #92692e, #9a6a33, #a16b39, #a66c3e, #ab6c43, #ad6d46, #af6e48, #af6f49, #ae7048, #ac7047, #a97145, #a57142, #a07240, #9a733e, #93733c, #8b733c, #83733d, #7b733e, #727241, #6a7143, #626f46, #5b6e49, #546c4c, #4e6a4f, #4a6851, #466553, #436354, #416255, #406056, #3f5f56. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, dark green, brown and teal linear gradient
- Seed: `kSSiGbzCOsDoOzq`
- Page: https://grabient.com/kSSiGbzCOsDoOzq?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#0a313b` | `oklch(29.13% 0.0455 218.67)` | Artist Blue | white, 13.8 to 1 |
| 2 | `#09333c` | `oklch(29.88% 0.0468 214.55)` | Artist Blue | white, 13.4 to 1 |
| 3 | `#08363d` | `oklch(30.80% 0.0484 209.39)` | Natural Indigo | white, 13 to 1 |
| 4 | `#073a3e` | `oklch(31.88% 0.0504 203.30)` | Customs Green | white, 12.4 to 1 |
| 5 | `#073e3f` | `oklch(33.10% 0.0526 196.40)` | Rich Black | white, 11.8 to 1 |
| 6 | `#0a423f` | `oklch(34.44% 0.0551 188.78)` | Warm Black | white, 11.2 to 1 |
| 7 | `#0f473e` | `oklch(35.89% 0.0578 180.56)` | MSU Green | white, 10.5 to 1 |
| 8 | `#164b3d` | `oklch(37.42% 0.0607 171.84)` | Brunswick Green | white, 9.9 to 1 |
| 9 | `#20503b` | `oklch(39.03% 0.0636 162.73)` | Brunswick Green | white, 9.2 to 1 |
| 10 | `#2a5438` | `oklch(40.69% 0.0667 153.33)` | Kaitoke Green | white, 8.6 to 1 |
| 11 | `#365835` | `oklch(42.38% 0.0698 143.75)` | Ficus | white, 8 to 1 |
| 12 | `#425c31` | `oklch(44.09% 0.0729 134.09)` | Turf | white, 7.5 to 1 |
| 13 | `#4e5f2d` | `oklch(45.80% 0.0760 124.47)` | Woodman | white, 7 to 1 |
| 14 | `#5b6129` | `oklch(47.49% 0.0791 114.99)` | Gardener Green | white, 6.5 to 1 |
| 15 | `#676326` | `oklch(49.15% 0.0820 105.75)` | Greenish Brown | white, 6.1 to 1 |
| 16 | `#736525` | `oklch(50.76% 0.0848 96.87)` | Brazen Brass | white, 5.7 to 1 |
| 17 | `#7e6726` | `oklch(52.30% 0.0875 88.45)` | Brazen Brass | white, 5.4 to 1 |
| 18 | `#896829` | `oklch(53.75% 0.0899 80.59)` | Hunting Jacket | white, 5.1 to 1 |
| 19 | `#92692e` | `oklch(55.09% 0.0920 73.40)` | Armageddon Dunes | white, 4.9 to 1 |
| 20 | `#9a6a33` | `oklch(56.32% 0.0939 66.99)` | Horsing Around | white, 4.6 to 1 |
| 21 | `#a16b39` | `oklch(57.40% 0.0955 61.47)` | Eagle | black, 4.6 to 1 |
| 22 | `#a66c3e` | `oklch(58.33% 0.0967 56.94)` | Vintage Pottery | black, 4.8 to 1 |
| 23 | `#ab6c43` | `oklch(59.08% 0.0975 53.51)` | Auric Copper | black, 4.9 to 1 |
| 24 | `#ad6d46` | `oklch(59.64% 0.0978 51.28)` | Pale Cordovan | black, 5 to 1 |
| 25 | `#af6e48` | `oklch(60.00% 0.0977 50.35)` | Pale Cordovan | black, 5.1 to 1 |
| 26 | `#af6f49` | `oklch(60.17% 0.0971 50.66)` | Autumn Umber | black, 5.1 to 1 |
| 27 | `#ae7048` | `oklch(60.17% 0.0961 52.11)` | Copper Mountain | black, 5.1 to 1 |
| 28 | `#ac7047` | `oklch(60.02% 0.0946 54.61)` | Copper Mountain | black, 5.1 to 1 |
| 29 | `#a97145` | `oklch(59.73% 0.0928 58.05)` | Byzantine Copper | black, 5.1 to 1 |
| 30 | `#a57142` | `oklch(59.31% 0.0906 62.35)` | Splinter | black, 5 to 1 |
| 31 | `#a07240` | `oklch(58.78% 0.0882 67.40)` | Splinter | black, 4.9 to 1 |
| 32 | `#9a733e` | `oklch(58.15% 0.0855 73.12)` | Favourite Ale | black, 4.8 to 1 |
| 33 | `#93733c` | `oklch(57.43% 0.0826 79.39)` | California Gold Rush | black, 4.7 to 1 |
| 34 | `#8b733c` | `oklch(56.64% 0.0795 86.13)` | Sepia Yellow | black, 4.6 to 1 |
| 35 | `#83733d` | `oklch(55.80% 0.0763 93.24)` | Mustard Magic | white, 4.6 to 1 |
| 36 | `#7b733e` | `oklch(54.90% 0.0730 100.62)` | Steppe Green | white, 4.8 to 1 |
| 37 | `#727241` | `oklch(53.98% 0.0696 108.18)` | Relentless Olive | white, 5 to 1 |
| 38 | `#6a7143` | `oklch(53.04% 0.0663 115.81)` | Oakmoss | white, 5.1 to 1 |
| 39 | `#626f46` | `oklch(52.09% 0.0629 123.43)` | Grass Blade | white, 5.3 to 1 |
| 40 | `#5b6e49` | `oklch(51.16% 0.0596 130.94)` | Climbing Ivy | white, 5.5 to 1 |
| 41 | `#546c4c` | `oklch(50.25% 0.0564 138.24)` | Graceland Grass | white, 5.7 to 1 |
| 42 | `#4e6a4f` | `oklch(49.37% 0.0533 145.23)` | Medium Grey Green | white, 6 to 1 |
| 43 | `#4a6851` | `oklch(48.55% 0.0504 151.82)` | Green Perennial | white, 6.2 to 1 |
| 44 | `#466553` | `oklch(47.79% 0.0477 157.91)` | Cucumber Green | white, 6.4 to 1 |
| 45 | `#436354` | `oklch(47.11% 0.0453 163.40)` | Cucumber Green | white, 6.6 to 1 |
| 46 | `#416255` | `oklch(46.52% 0.0432 168.20)` | Palace Green | white, 6.8 to 1 |
| 47 | `#406056` | `oklch(46.03% 0.0414 172.22)` | Emerson | white, 6.9 to 1 |
| 48 | `#3f5f56` | `oklch(45.67% 0.0400 175.35)` | Emerson | white, 7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #0a313b 0.0%, #09333c 2.1%, #08363d 4.3%, #073a3e 6.4%, #073e3f 8.5%, #0a423f 10.6%, #0f473e 12.8%, #164b3d 14.9%, #20503b 17.0%, #2a5438 19.1%, #365835 21.3%, #425c31 23.4%, #4e5f2d 25.5%, #5b6129 27.7%, #676326 29.8%, #736525 31.9%, #7e6726 34.0%, #896829 36.2%, #92692e 38.3%, #9a6a33 40.4%, #a16b39 42.6%, #a66c3e 44.7%, #ab6c43 46.8%, #ad6d46 48.9%, #af6e48 51.1%, #af6f49 53.2%, #ae7048 55.3%, #ac7047 57.4%, #a97145 59.6%, #a57142 61.7%, #a07240 63.8%, #9a733e 66.0%, #93733c 68.1%, #8b733c 70.2%, #83733d 72.3%, #7b733e 74.5%, #727241 76.6%, #6a7143 78.7%, #626f46 80.9%, #5b6e49 83.0%, #546c4c 85.1%, #4e6a4f 87.2%, #4a6851 89.4%, #466553 91.5%, #436354 93.6%, #416255 95.7%, #406056 97.9%, #3f5f56 100.0%);
background: linear-gradient(45deg in oklch, oklch(29.13% 0.0455 218.67) 0.0%, oklch(29.88% 0.0468 214.55) 2.1%, oklch(30.80% 0.0484 209.39) 4.3%, oklch(31.88% 0.0504 203.30) 6.4%, oklch(33.10% 0.0526 196.40) 8.5%, oklch(34.44% 0.0551 188.78) 10.6%, oklch(35.89% 0.0578 180.56) 12.8%, oklch(37.42% 0.0607 171.84) 14.9%, oklch(39.03% 0.0636 162.73) 17.0%, oklch(40.69% 0.0667 153.33) 19.1%, oklch(42.38% 0.0698 143.75) 21.3%, oklch(44.09% 0.0729 134.09) 23.4%, oklch(45.80% 0.0760 124.47) 25.5%, oklch(47.49% 0.0791 114.99) 27.7%, oklch(49.15% 0.0820 105.75) 29.8%, oklch(50.76% 0.0848 96.87) 31.9%, oklch(52.30% 0.0875 88.45) 34.0%, oklch(53.75% 0.0899 80.59) 36.2%, oklch(55.09% 0.0920 73.40) 38.3%, oklch(56.32% 0.0939 66.99) 40.4%, oklch(57.40% 0.0955 61.47) 42.6%, oklch(58.33% 0.0967 56.94) 44.7%, oklch(59.08% 0.0975 53.51) 46.8%, oklch(59.64% 0.0978 51.28) 48.9%, oklch(60.00% 0.0977 50.35) 51.1%, oklch(60.17% 0.0971 50.66) 53.2%, oklch(60.17% 0.0961 52.11) 55.3%, oklch(60.02% 0.0946 54.61) 57.4%, oklch(59.73% 0.0928 58.05) 59.6%, oklch(59.31% 0.0906 62.35) 61.7%, oklch(58.78% 0.0882 67.40) 63.8%, oklch(58.15% 0.0855 73.12) 66.0%, oklch(57.43% 0.0826 79.39) 68.1%, oklch(56.64% 0.0795 86.13) 70.2%, oklch(55.80% 0.0763 93.24) 72.3%, oklch(54.90% 0.0730 100.62) 74.5%, oklch(53.98% 0.0696 108.18) 76.6%, oklch(53.04% 0.0663 115.81) 78.7%, oklch(52.09% 0.0629 123.43) 80.9%, oklch(51.16% 0.0596 130.94) 83.0%, oklch(50.25% 0.0564 138.24) 85.1%, oklch(49.37% 0.0533 145.23) 87.2%, oklch(48.55% 0.0504 151.82) 89.4%, oklch(47.79% 0.0477 157.91) 91.5%, oklch(47.11% 0.0453 163.40) 93.6%, oklch(46.52% 0.0432 168.20) 95.7%, oklch(46.03% 0.0414 172.22) 97.9%, oklch(45.67% 0.0400 175.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.045 | 218.7 |
| 2 | 0.598 | 0.098 | 50.6 |
| 3 | 0.457 | 0.04 | 175.3 |

## In these collections

- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)

## Other forms

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