# Forest ochre black diagonal

Brown, dark green and black linear gradient with 32 colors: #6e3716, #6c3711, #6a3809, #683800, #643a00, #5f3c00, #5a3e00, #553f00, #504000, #4a4100, #444100, #3c4200, #344200, #294200, #1b4104, #08400e, #003c19, #003720, #003223, #002c23, #002622, #00201f, #001a1c, #001418, #000f14, #000910, #00050c, #000308, #000106, #000004, #000002, #000001. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, dark green and black linear gradient
- Seed: `kSZkEiqKLLoQHzc`
- Page: https://grabient.com/kSZkEiqKLLoQHzc?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, vivid, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#6e3716` | `oklch(40.16% 0.0896 48.52)` | Rosewood Brown | white, 9.4 to 1 |
| 2 | `#6c3711` | `oklch(39.90% 0.0899 52.09)` | Philippine Bronze | white, 9.5 to 1 |
| 3 | `#6a3809` | `oklch(39.64% 0.0906 56.34)` | Bestial Brown | white, 9.6 to 1 |
| 4 | `#683800` | `oklch(39.39% 0.0914 61.13)` | Nutmeg Wood Finish | white, 9.7 to 1 |
| 5 | `#643a00` | `oklch(39.12% 0.0867 66.56)` | Brown | white, 9.7 to 1 |
| 6 | `#5f3c00` | `oklch(38.83% 0.0829 72.48)` | Hippogriff Brown | white, 9.8 to 1 |
| 7 | `#5a3e00` | `oklch(38.50% 0.0800 78.84)` | Hippogriff Brown | white, 9.9 to 1 |
| 8 | `#553f00` | `oklch(38.13% 0.0781 85.56)` | Roman Bronze | white, 10 to 1 |
| 9 | `#504000` | `oklch(37.71% 0.0772 92.57)` | Roman Bronze | white, 10.1 to 1 |
| 10 | `#4a4100` | `oklch(37.23% 0.0774 99.82)` | Xanthophobia | white, 10.2 to 1 |
| 11 | `#444100` | `oklch(36.67% 0.0787 107.23)` | Green Not Found | white, 10.4 to 1 |
| 12 | `#3c4200` | `oklch(36.04% 0.0815 114.73)` | Green Not Found | white, 10.6 to 1 |
| 13 | `#344200` | `oklch(35.31% 0.0859 122.27)` | Garden Shadow | white, 10.9 to 1 |
| 14 | `#294200` | `oklch(34.48% 0.0925 129.77)` | Garden Shadow | white, 11.2 to 1 |
| 15 | `#1b4104` | `oklch(33.53% 0.0977 137.11)` | Forest Green | white, 11.5 to 1 |
| 16 | `#08400e` | `oklch(32.47% 0.0961 144.32)` | Hunter Green | white, 12 to 1 |
| 17 | `#003c19` | `oklch(31.27% 0.0835 151.35)` | Melancholia | white, 12.6 to 1 |
| 18 | `#003720` | `oklch(29.80% 0.0686 158.91)` | Off-Road Green | white, 13.3 to 1 |
| 19 | `#003223` | `oklch(28.11% 0.0577 166.95)` | Pitch-Black Forests | white, 14.1 to 1 |
| 20 | `#002c23` | `oklch(26.23% 0.0493 175.36)` | Bush | white, 15.1 to 1 |
| 21 | `#002622` | `oklch(24.20% 0.0429 184.05)` | Teal Spill | white, 16.1 to 1 |
| 22 | `#00201f` | `oklch(22.05% 0.0378 192.91)` | Stellar Explorer | white, 17.1 to 1 |
| 23 | `#001a1c` | `oklch(19.84% 0.0338 201.87)` | Black Stallion | white, 18 to 1 |
| 24 | `#001418` | `oklch(17.59% 0.0305 210.85)` | Black Glaze | white, 18.8 to 1 |
| 25 | `#000f14` | `oklch(15.36% 0.0279 219.79)` | Black Glaze | white, 19.5 to 1 |
| 26 | `#000910` | `oklch(13.18% 0.0259 228.70)` | Black Knight | white, 20 to 1 |
| 27 | `#00050c` | `oklch(11.09% 0.0244 237.64)` | Eight Ball | white, 20.4 to 1 |
| 28 | `#000308` | `oklch(9.14% 0.0239 246.83)` | Ninja | white, 20.6 to 1 |
| 29 | `#000106` | `oklch(7.38% 0.0257 256.55)` | Black Hole | white, 20.8 to 1 |
| 30 | `#000004` | `oklch(5.73% 0.0260 261.71)` | Binary Black | white, 20.9 to 1 |
| 31 | `#000002` | `oklch(4.28% 0.0231 263.59)` | Binary Black | white, 20.9 to 1 |
| 32 | `#000001` | `oklch(3.15% 0.0207 265.15)` | Black | white, 20.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #6e3716 0.0%, #6c3711 3.2%, #6a3809 6.5%, #683800 9.7%, #643a00 12.9%, #5f3c00 16.1%, #5a3e00 19.4%, #553f00 22.6%, #504000 25.8%, #4a4100 29.0%, #444100 32.3%, #3c4200 35.5%, #344200 38.7%, #294200 41.9%, #1b4104 45.2%, #08400e 48.4%, #003c19 51.6%, #003720 54.8%, #003223 58.1%, #002c23 61.3%, #002622 64.5%, #00201f 67.7%, #001a1c 71.0%, #001418 74.2%, #000f14 77.4%, #000910 80.6%, #00050c 83.9%, #000308 87.1%, #000106 90.3%, #000004 93.5%, #000002 96.8%, #000001 100.0%);
background: linear-gradient(45deg in oklch, oklch(40.16% 0.0896 48.52) 0.0%, oklch(39.90% 0.0899 52.09) 3.2%, oklch(39.64% 0.0906 56.34) 6.5%, oklch(39.39% 0.0914 61.13) 9.7%, oklch(39.12% 0.0867 66.56) 12.9%, oklch(38.83% 0.0829 72.48) 16.1%, oklch(38.50% 0.0800 78.84) 19.4%, oklch(38.13% 0.0781 85.56) 22.6%, oklch(37.71% 0.0772 92.57) 25.8%, oklch(37.23% 0.0774 99.82) 29.0%, oklch(36.67% 0.0787 107.23) 32.3%, oklch(36.04% 0.0815 114.73) 35.5%, oklch(35.31% 0.0859 122.27) 38.7%, oklch(34.48% 0.0925 129.77) 41.9%, oklch(33.53% 0.0977 137.11) 45.2%, oklch(32.47% 0.0961 144.32) 48.4%, oklch(31.27% 0.0835 151.35) 51.6%, oklch(29.80% 0.0686 158.91) 54.8%, oklch(28.11% 0.0577 166.95) 58.1%, oklch(26.23% 0.0493 175.36) 61.3%, oklch(24.20% 0.0429 184.05) 64.5%, oklch(22.05% 0.0378 192.91) 67.7%, oklch(19.84% 0.0338 201.87) 71.0%, oklch(17.59% 0.0305 210.85) 74.2%, oklch(15.36% 0.0279 219.79) 77.4%, oklch(13.18% 0.0259 228.70) 80.6%, oklch(11.09% 0.0244 237.64) 83.9%, oklch(9.14% 0.0239 246.83) 87.1%, oklch(7.38% 0.0257 256.55) 90.3%, oklch(5.73% 0.0260 261.71) 93.5%, oklch(4.28% 0.0231 263.59) 96.8%, oklch(3.15% 0.0207 265.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.09 | 48.5 |
| 2 | 0.319 | 0.095 | 147.9 |
| 3 | 0.031 | 0.021 | 265.1 |

## In these collections

- [Remote sensing gradients](https://grabient.com/remote-sensing-gradients)

## Other forms

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