# Teal lime diagonal beam

Brown, teal, green and dark green linear gradient with 40 colors: #836626, #7d6728, #75692d, #6b6a34, #606a3c, #576943, #4f684a, #496650, #466453, #436255, #416156, #3d5f56, #395d54, #335c52, #2d5a4f, #26594c, #1f5949, #195947, #145b45, #125f45, #166546, #206e49, #2f7b4d, #418950, #569853, #6ca755, #81b456, #93bf56, #a1c756, #a8ca56, #a6c956, #9dc256, #8eb855, #7cac55, #689d53, #558d50, #447e4c, #367047, #2b6542, #255d3f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, teal, green and dark green linear gradient
- Seed: `kWhkE8Ow9KLgfvxktjstxzD4`
- Page: https://grabient.com/kWhkE8Ow9KLgfvxktjstxzD4?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 4.3 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 | `#836626` | `oklch(52.76% 0.0896 84.38)` | Hunting Jacket | white, 5.3 to 1 |
| 2 | `#7d6728` | `oklch(52.35% 0.0862 90.13)` | Brazen Brass | white, 5.4 to 1 |
| 3 | `#75692d` | `oklch(51.81% 0.0812 98.11)` | Brazen Brass | white, 5.5 to 1 |
| 4 | `#6b6a34` | `oklch(51.15% 0.0752 107.73)` | Robinhood | white, 5.6 to 1 |
| 5 | `#606a3c` | `oklch(50.43% 0.0686 118.41)` | Globe Artichoke | white, 5.7 to 1 |
| 6 | `#576943` | `oklch(49.66% 0.0618 129.56)` | Silverbeet | white, 5.9 to 1 |
| 7 | `#4f684a` | `oklch(48.88% 0.0553 140.61)` | Garden Cucumber | white, 6.1 to 1 |
| 8 | `#496650` | `oklch(48.13% 0.0495 150.95)` | Vizcaya Palm | white, 6.3 to 1 |
| 9 | `#466453` | `oklch(47.43% 0.0450 160.01)` | Cucumber Green | white, 6.5 to 1 |
| 10 | `#436255` | `oklch(46.83% 0.0421 167.21)` | Palace Green | white, 6.7 to 1 |
| 11 | `#416156` | `oklch(46.34% 0.0414 171.99)` | Palace Green | white, 6.8 to 1 |
| 12 | `#3d5f56` | `oklch(45.69% 0.0425 174.90)` | Emerson | white, 7 to 1 |
| 13 | `#395d54` | `oklch(44.88% 0.0451 176.41)` | Trekking Green | white, 7.2 to 1 |
| 14 | `#335c52` | `oklch(43.99% 0.0489 176.74)` | Holly Bush | white, 7.5 to 1 |
| 15 | `#2d5a4f` | `oklch(43.15% 0.0538 176.08)` | Holly Leaf | white, 7.8 to 1 |
| 16 | `#26594c` | `oklch(42.46% 0.0593 174.63)` | Country Meadow | white, 8 to 1 |
| 17 | `#1f5949` | `oklch(42.02% 0.0654 172.59)` | Country Meadow | white, 8.1 to 1 |
| 18 | `#195947` | `oklch(41.95% 0.0717 170.15)` | Rousseau Green | white, 8.1 to 1 |
| 19 | `#145b45` | `oklch(42.36% 0.0780 167.52)` | Evergreen | white, 7.9 to 1 |
| 20 | `#125f45` | `oklch(43.35% 0.0840 164.88)` | Sci-Fi Takeout | white, 7.6 to 1 |
| 21 | `#166546` | `oklch(45.12% 0.0898 162.24)` | Green Paw Paw | white, 7 to 1 |
| 22 | `#206e49` | `oklch(48.13% 0.0968 158.52)` | Precious Emerald | white, 6.1 to 1 |
| 23 | `#2f7b4d` | `oklch(52.16% 0.1048 153.85)` | Canadian Pine | white, 5.2 to 1 |
| 24 | `#418950` | `oklch(56.84% 0.1133 148.58)` | Imperial Green | black, 4.9 to 1 |
| 25 | `#569853` | `oklch(61.83% 0.1219 143.05)` | Wicked Witch | black, 6 to 1 |
| 26 | `#6ca755` | `oklch(66.77% 0.1301 137.60)` | Fern Flash | black, 7.2 to 1 |
| 27 | `#81b456` | `oklch(71.32% 0.1373 132.59)` | Savoy | black, 8.6 to 1 |
| 28 | `#93bf56` | `oklch(75.12% 0.1432 128.36)` | Early Spring | black, 9.8 to 1 |
| 29 | `#a1c756` | `oklch(77.83% 0.1472 125.25)` | Sweet Midori | black, 10.8 to 1 |
| 30 | `#a8ca56` | `oklch(79.09% 0.1488 123.61)` | Two Peas in a Pod | black, 11.2 to 1 |
| 31 | `#a6c956` | `oklch(78.60% 0.1476 123.74)` | Sweet Midori | black, 11 to 1 |
| 32 | `#9dc256` | `oklch(76.51% 0.1433 125.52)` | Sapling | black, 10.3 to 1 |
| 33 | `#8eb855` | `oklch(73.16% 0.1366 128.60)` | Fresh Mown | black, 9.1 to 1 |
| 34 | `#7cac55` | `oklch(68.88% 0.1282 132.63)` | Asparagus | black, 7.8 to 1 |
| 35 | `#689d53` | `oklch(64.04% 0.1188 137.27)` | Flat Green | black, 6.5 to 1 |
| 36 | `#558d50` | `oklch(58.97% 0.1089 142.16)` | Belfast | black, 5.3 to 1 |
| 37 | `#447e4c` | `oklch(54.01% 0.0993 146.96)` | Mint Green | white, 4.8 to 1 |
| 38 | `#367047` | `oklch(49.52% 0.0906 151.31)` | Parsley Sprig | white, 5.8 to 1 |
| 39 | `#2b6542` | `oklch(45.84% 0.0835 154.87)` | Forest Serenade | white, 6.8 to 1 |
| 40 | `#255d3f` | `oklch(43.31% 0.0785 157.29)` | Greenbriar | white, 7.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #836626 0.0%, #7d6728 2.6%, #75692d 5.1%, #6b6a34 7.7%, #606a3c 10.3%, #576943 12.8%, #4f684a 15.4%, #496650 17.9%, #466453 20.5%, #436255 23.1%, #416156 25.6%, #3d5f56 28.2%, #395d54 30.8%, #335c52 33.3%, #2d5a4f 35.9%, #26594c 38.5%, #1f5949 41.0%, #195947 43.6%, #145b45 46.2%, #125f45 48.7%, #166546 51.3%, #206e49 53.8%, #2f7b4d 56.4%, #418950 59.0%, #569853 61.5%, #6ca755 64.1%, #81b456 66.7%, #93bf56 69.2%, #a1c756 71.8%, #a8ca56 74.4%, #a6c956 76.9%, #9dc256 79.5%, #8eb855 82.1%, #7cac55 84.6%, #689d53 87.2%, #558d50 89.7%, #447e4c 92.3%, #367047 94.9%, #2b6542 97.4%, #255d3f 100.0%);
background: linear-gradient(135deg in oklch, oklch(52.76% 0.0896 84.38) 0.0%, oklch(52.35% 0.0862 90.13) 2.6%, oklch(51.81% 0.0812 98.11) 5.1%, oklch(51.15% 0.0752 107.73) 7.7%, oklch(50.43% 0.0686 118.41) 10.3%, oklch(49.66% 0.0618 129.56) 12.8%, oklch(48.88% 0.0553 140.61) 15.4%, oklch(48.13% 0.0495 150.95) 17.9%, oklch(47.43% 0.0450 160.01) 20.5%, oklch(46.83% 0.0421 167.21) 23.1%, oklch(46.34% 0.0414 171.99) 25.6%, oklch(45.69% 0.0425 174.90) 28.2%, oklch(44.88% 0.0451 176.41) 30.8%, oklch(43.99% 0.0489 176.74) 33.3%, oklch(43.15% 0.0538 176.08) 35.9%, oklch(42.46% 0.0593 174.63) 38.5%, oklch(42.02% 0.0654 172.59) 41.0%, oklch(41.95% 0.0717 170.15) 43.6%, oklch(42.36% 0.0780 167.52) 46.2%, oklch(43.35% 0.0840 164.88) 48.7%, oklch(45.12% 0.0898 162.24) 51.3%, oklch(48.13% 0.0968 158.52) 53.8%, oklch(52.16% 0.1048 153.85) 56.4%, oklch(56.84% 0.1133 148.58) 59.0%, oklch(61.83% 0.1219 143.05) 61.5%, oklch(66.77% 0.1301 137.60) 64.1%, oklch(71.32% 0.1373 132.59) 66.7%, oklch(75.12% 0.1432 128.36) 69.2%, oklch(77.83% 0.1472 125.25) 71.8%, oklch(79.09% 0.1488 123.61) 74.4%, oklch(78.60% 0.1476 123.74) 76.9%, oklch(76.51% 0.1433 125.52) 79.5%, oklch(73.16% 0.1366 128.60) 82.1%, oklch(68.88% 0.1282 132.63) 84.6%, oklch(64.04% 0.1188 137.27) 87.2%, oklch(58.97% 0.1089 142.16) 89.7%, oklch(54.01% 0.0993 146.96) 92.3%, oklch(49.52% 0.0906 151.31) 94.9%, oklch(45.84% 0.0835 154.87) 97.4%, oklch(43.31% 0.0785 157.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.09 | 84.4 |
| 2 | 0.465 | 0.041 | 171 |
| 3 | 0.441 | 0.087 | 163.6 |
| 4 | 0.791 | 0.149 | 123.5 |
| 5 | 0.433 | 0.079 | 157.3 |

## In these collections

- [Green and gold](https://grabient.com/green-and-gold)

## Other forms

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