# Brown, green, teal and black linear gradient

Brown, green, teal and black linear gradient with 48 colors: #b26c66, #b67064, #bc7562, #c37d60, #ca865e, #d0905b, #d49c5a, #d5a75a, #d3b15c, #cdbb60, #c3c167, #b6c56e, #a6c475, #92be7a, #7ab37d, #63a57d, #4f937a, #3f7f72, #336b67, #2b585a, #26464b, #21373d, #1d2b31, #1a2328, #181f22, #181d1f, #1a1d1e, #1d1f20, #212222, #262626, #2c2c2c, #323232, #373838, #3c3f3f, #414544, #444b49, #45504d, #475750, #485d53, #4a6454, #4c6b54, #507252, #56794f, #5d7e4a, #668344, #6e873d, #768a36, #7d8d30. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWmkISY6hLh6FTG0BDnzas4w`
- Page: https://grabient.com/kWmkISY6hLh6FTG0BDnzas4w?steps=48&angle=225
- Drawn as: linear gradient, 48 steps, 225 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 9 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 | `#b26c66` | `oklch(60.63% 0.0909 25.31)` | Scene Stealer | black, 5.2 to 1 |
| 2 | `#b67064` | `oklch(61.75% 0.0923 30.15)` | Morocco | black, 5.4 to 1 |
| 3 | `#bc7562` | `oklch(63.47% 0.0945 36.19)` | Azalea Pot | black, 5.8 to 1 |
| 4 | `#c37d60` | `oklch(65.65% 0.0973 43.27)` | Terracotta Chip | black, 6.4 to 1 |
| 5 | `#ca865e` | `oklch(68.10% 0.1005 51.21)` | Wheatberry | black, 7 to 1 |
| 6 | `#d0905b` | `oklch(70.67% 0.1038 59.85)` | Ginger Crisp | black, 7.8 to 1 |
| 7 | `#d49c5a` | `oklch(73.19% 0.1070 69.02)` | Poseidon’s Gold | black, 8.6 to 1 |
| 8 | `#d5a75a` | `oklch(75.49% 0.1098 78.55)` | Cat’s Eye Marble | black, 9.4 to 1 |
| 9 | `#d3b15c` | `oklch(77.41% 0.1120 88.27)` | Tanami Desert | black, 10.2 to 1 |
| 10 | `#cdbb60` | `oklch(78.77% 0.1133 98.02)` | The Weight of Gold | black, 10.8 to 1 |
| 11 | `#c3c167` | `oklch(79.43% 0.1134 107.63)` | Powdered Green Tea | black, 11.1 to 1 |
| 12 | `#b6c56e` | `oklch(79.20% 0.1122 116.92)` | Young Leaf | black, 11.1 to 1 |
| 13 | `#a6c475` | `oklch(77.91% 0.1093 125.80)` | Opaline Green | black, 10.7 to 1 |
| 14 | `#92be7a` | `oklch(75.27% 0.1044 135.31)` | Leticiaz | black, 9.8 to 1 |
| 15 | `#7ab37d` | `oklch(71.40% 0.0976 145.68)` | Absinthe Green | black, 8.6 to 1 |
| 16 | `#63a57d` | `oklch(66.56% 0.0893 156.61)` | Shiny Shamrock | black, 7.1 to 1 |
| 17 | `#4f937a` | `oklch(61.03% 0.0800 167.80)` | Puerto Princesa | black, 5.7 to 1 |
| 18 | `#3f7f72` | `oklch(55.06% 0.0699 178.94)` | Copper Mineral Green | white, 4.6 to 1 |
| 19 | `#336b67` | `oklch(48.93% 0.0595 189.73)` | North Sea | white, 6 to 1 |
| 20 | `#2b585a` | `oklch(42.89% 0.0491 199.86)` | Sea Challenge | white, 7.9 to 1 |
| 21 | `#26464b` | `oklch(37.21% 0.0392 209.04)` | Mysterious Waters | white, 10.1 to 1 |
| 22 | `#21373d` | `oklch(32.16% 0.0302 216.96)` | Petrol Slumber | white, 12.4 to 1 |
| 23 | `#1d2b31` | `oklch(28.00% 0.0224 223.32)` | Cinder | white, 14.5 to 1 |
| 24 | `#1a2328` | `oklch(25.00% 0.0162 227.81)` | Noble Black | white, 15.9 to 1 |
| 25 | `#181f22` | `oklch(23.34% 0.0117 230.17)` | Satin Deep Black | white, 16.7 to 1 |
| 26 | `#181d1f` | `oklch(22.69% 0.0081 230.45)` | Gluon Grey | white, 16.9 to 1 |
| 27 | `#1a1d1e` | `oklch(22.86% 0.0051 228.95)` | Gluon Grey | white, 16.9 to 1 |
| 28 | `#1d1f20` | `oklch(23.73% 0.0026 225.94)` | Inkwell Inception | white, 16.5 to 1 |
| 29 | `#212222` | `oklch(25.16% 0.0009 221.67)` | Lead | white, 15.9 to 1 |
| 30 | `#262626` | `oklch(27.04% 0.0000 89.88)` | Nero | white, 15 to 1 |
| 31 | `#2c2c2c` | `oklch(29.23% 0.0000 89.88)` | Shoe Wax | white, 14 to 1 |
| 32 | `#323232` | `oklch(31.61% 0.0000 89.88)` | Tomcat | white, 12.8 to 1 |
| 33 | `#373838` | `oklch(34.06% 0.0012 197.59)` | Pirate Black | white, 11.7 to 1 |
| 34 | `#3c3f3f` | `oklch(36.45% 0.0033 191.17)` | Obsidian Stone | white, 10.6 to 1 |
| 35 | `#414544` | `oklch(38.65% 0.0062 185.13)` | Vulcanised | white, 9.7 to 1 |
| 36 | `#444b49` | `oklch(40.54% 0.0099 179.75)` | Moonless Sky | white, 8.9 to 1 |
| 37 | `#45504d` | `oklch(42.18% 0.0150 174.85)` | New Forest | white, 8.3 to 1 |
| 38 | `#475750` | `oklch(43.95% 0.0221 169.51)` | Huntington Woods | white, 7.6 to 1 |
| 39 | `#485d53` | `oklch(45.85% 0.0309 163.83)` | Cilantro | white, 7 to 1 |
| 40 | `#4a6454` | `oklch(47.82% 0.0409 157.93)` | Jasper Park | white, 6.4 to 1 |
| 41 | `#4c6b54` | `oklch(49.81% 0.0518 151.94)` | Medium Grey Green | white, 5.8 to 1 |
| 42 | `#507252` | `oklch(51.80% 0.0632 145.99)` | Irish Clover | white, 5.3 to 1 |
| 43 | `#56794f` | `oklch(53.73% 0.0746 140.20)` | Torrey Pine | white, 4.9 to 1 |
| 44 | `#5d7e4a` | `oklch(55.55% 0.0857 134.72)` | Grassy Field | white, 4.5 to 1 |
| 45 | `#668344` | `oklch(57.24% 0.0960 129.65)` | Talipot Palm | black, 4.9 to 1 |
| 46 | `#6e873d` | `oklch(58.74% 0.1052 125.14)` | Khaki Green | black, 5.2 to 1 |
| 47 | `#768a36` | `oklch(60.02% 0.1128 121.32)` | Pesto di Rucola | black, 5.4 to 1 |
| 48 | `#7d8d30` | `oklch(61.02% 0.1185 118.31)` | Sassy Grass | black, 5.6 to 1 |

## CSS

```css
background: linear-gradient(225deg, #b26c66 0.0%, #b67064 2.1%, #bc7562 4.3%, #c37d60 6.4%, #ca865e 8.5%, #d0905b 10.6%, #d49c5a 12.8%, #d5a75a 14.9%, #d3b15c 17.0%, #cdbb60 19.1%, #c3c167 21.3%, #b6c56e 23.4%, #a6c475 25.5%, #92be7a 27.7%, #7ab37d 29.8%, #63a57d 31.9%, #4f937a 34.0%, #3f7f72 36.2%, #336b67 38.3%, #2b585a 40.4%, #26464b 42.6%, #21373d 44.7%, #1d2b31 46.8%, #1a2328 48.9%, #181f22 51.1%, #181d1f 53.2%, #1a1d1e 55.3%, #1d1f20 57.4%, #212222 59.6%, #262626 61.7%, #2c2c2c 63.8%, #323232 66.0%, #373838 68.1%, #3c3f3f 70.2%, #414544 72.3%, #444b49 74.5%, #45504d 76.6%, #475750 78.7%, #485d53 80.9%, #4a6454 83.0%, #4c6b54 85.1%, #507252 87.2%, #56794f 89.4%, #5d7e4a 91.5%, #668344 93.6%, #6e873d 95.7%, #768a36 97.9%, #7d8d30 100.0%);
background: linear-gradient(225deg in oklch, oklch(60.63% 0.0909 25.31) 0.0%, oklch(61.75% 0.0923 30.15) 2.1%, oklch(63.47% 0.0945 36.19) 4.3%, oklch(65.65% 0.0973 43.27) 6.4%, oklch(68.10% 0.1005 51.21) 8.5%, oklch(70.67% 0.1038 59.85) 10.6%, oklch(73.19% 0.1070 69.02) 12.8%, oklch(75.49% 0.1098 78.55) 14.9%, oklch(77.41% 0.1120 88.27) 17.0%, oklch(78.77% 0.1133 98.02) 19.1%, oklch(79.43% 0.1134 107.63) 21.3%, oklch(79.20% 0.1122 116.92) 23.4%, oklch(77.91% 0.1093 125.80) 25.5%, oklch(75.27% 0.1044 135.31) 27.7%, oklch(71.40% 0.0976 145.68) 29.8%, oklch(66.56% 0.0893 156.61) 31.9%, oklch(61.03% 0.0800 167.80) 34.0%, oklch(55.06% 0.0699 178.94) 36.2%, oklch(48.93% 0.0595 189.73) 38.3%, oklch(42.89% 0.0491 199.86) 40.4%, oklch(37.21% 0.0392 209.04) 42.6%, oklch(32.16% 0.0302 216.96) 44.7%, oklch(28.00% 0.0224 223.32) 46.8%, oklch(25.00% 0.0162 227.81) 48.9%, oklch(23.34% 0.0117 230.17) 51.1%, oklch(22.69% 0.0081 230.45) 53.2%, oklch(22.86% 0.0051 228.95) 55.3%, oklch(23.73% 0.0026 225.94) 57.4%, oklch(25.16% 0.0009 221.67) 59.6%, oklch(27.04% 0.0000 89.88) 61.7%, oklch(29.23% 0.0000 89.88) 63.8%, oklch(31.61% 0.0000 89.88) 66.0%, oklch(34.06% 0.0012 197.59) 68.1%, oklch(36.45% 0.0033 191.17) 70.2%, oklch(38.65% 0.0062 185.13) 72.3%, oklch(40.54% 0.0099 179.75) 74.5%, oklch(42.18% 0.0150 174.85) 76.6%, oklch(43.95% 0.0221 169.51) 78.7%, oklch(45.85% 0.0309 163.83) 80.9%, oklch(47.82% 0.0409 157.93) 83.0%, oklch(49.81% 0.0518 151.94) 85.1%, oklch(51.80% 0.0632 145.99) 87.2%, oklch(53.73% 0.0746 140.20) 89.4%, oklch(55.55% 0.0857 134.72) 91.5%, oklch(57.24% 0.0960 129.65) 93.6%, oklch(58.74% 0.1052 125.14) 95.7%, oklch(60.02% 0.1128 121.32) 97.9%, oklch(61.02% 0.1185 118.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.091 | 25.3 |
| 2 | 0.783 | 0.11 | 123.6 |
| 3 | 0.24 | 0.014 | 229.3 |
| 4 | 0.409 | 0.011 | 178.5 |
| 5 | 0.61 | 0.119 | 118.3 |

## Other forms

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