# Burnished umber mint diagonal

Brown, green and light blue linear gradient with 32 colors: #382408, #3c2608, #402809, #462a0b, #4d2c0e, #542f11, #5b3214, #643518, #6c391c, #753e1f, #7d4320, #864a20, #90521c, #995c14, #a16803, #a67700, #a98600, #aa9500, #a7a512, #a1b330, #9ac047, #92cb5c, #8cd470, #86db83, #82e195, #82e6a6, #84e9b4, #88ecc0, #8eeecb, #94efd3, #9af0d9, #9ff2df. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, green and light blue linear gradient
- Seed: `kURyUzuiK9WI4SVyn0Wg`
- Page: https://grabient.com/kURyUzuiK9WI4SVyn0Wg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#382408` | `oklch(27.95% 0.0510 72.42)` | Medium Roast | white, 14.7 to 1 |
| 2 | `#3c2608` | `oklch(28.91% 0.0534 70.72)` | Brown Tumbleweed | white, 14.2 to 1 |
| 3 | `#402809` | `oklch(30.06% 0.0565 67.99)` | Blackened Brown | white, 13.7 to 1 |
| 4 | `#462a0b` | `oklch(31.39% 0.0601 64.57)` | Brown Study | white, 13.1 to 1 |
| 5 | `#4d2c0e` | `oklch(32.89% 0.0642 60.79)` | Brown Study | white, 12.4 to 1 |
| 6 | `#542f11` | `oklch(34.55% 0.0686 56.98)` | Dark Catacombs | white, 11.7 to 1 |
| 7 | `#5b3214` | `oklch(36.36% 0.0733 53.50)` | Baker’s Chocolate | white, 10.9 to 1 |
| 8 | `#643518` | `oklch(38.31% 0.0782 50.66)` | Meatloaf | white, 10.1 to 1 |
| 9 | `#6c391c` | `oklch(40.39% 0.0832 48.81)` | Searing Gorge Brown | white, 9.3 to 1 |
| 10 | `#753e1f` | `oklch(42.58% 0.0883 48.29)` | Peruvian Soil | white, 8.5 to 1 |
| 11 | `#7d4320` | `oklch(44.88% 0.0934 49.42)` | Russet | white, 7.7 to 1 |
| 12 | `#864a20` | `oklch(47.35% 0.0987 52.54)` | Brown Eyed Girl | white, 6.9 to 1 |
| 13 | `#90521c` | `oklch(50.17% 0.1052 57.59)` | Caramel Café | white, 6.1 to 1 |
| 14 | `#995c14` | `oklch(53.28% 0.1125 64.23)` | Sepia Wash | white, 5.3 to 1 |
| 15 | `#a16803` | `oklch(56.58% 0.1202 72.11)` | Cumin Ochre | white, 4.6 to 1 |
| 16 | `#a67700` | `oklch(59.99% 0.1240 80.83)` | Bronze | black, 5.2 to 1 |
| 17 | `#a98600` | `oklch(63.43% 0.1296 90.09)` | Chestnut Gold | black, 6 to 1 |
| 18 | `#aa9500` | `oklch(66.80% 0.1386 99.50)` | Vegan Villain | black, 7 to 1 |
| 19 | `#a7a512` | `oklch(70.01% 0.1478 108.70)` | Jīn Sè Gold | black, 8 to 1 |
| 20 | `#a1b330` | `oklch(72.98% 0.1519 117.33)` | Tree Frog | black, 9 to 1 |
| 21 | `#9ac047` | `oklch(75.63% 0.1541 125.04)` | Pesto Genovese | black, 10 to 1 |
| 22 | `#92cb5c` | `oklch(77.87% 0.1540 131.54)` | Bright Lettuce | black, 10.9 to 1 |
| 23 | `#8cd470` | `oklch(79.84% 0.1512 137.61)` | Green Lacewing | black, 11.7 to 1 |
| 24 | `#86db83` | `oklch(81.61% 0.1461 143.50)` | Feralas Lime | black, 12.4 to 1 |
| 25 | `#82e195` | `oklch(83.18% 0.1392 149.15)` | VIC 20 Green | black, 13.1 to 1 |
| 26 | `#82e6a6` | `oklch(84.59% 0.1310 154.52)` | Hospital Green | black, 13.7 to 1 |
| 27 | `#84e9b4` | `oklch(85.83% 0.1221 159.56)` | Jittery Jade | black, 14.3 to 1 |
| 28 | `#88ecc0` | `oklch(86.92% 0.1130 164.22)` | Jittery Jade | black, 14.7 to 1 |
| 29 | `#8eeecb` | `oklch(87.89% 0.1042 168.45)` | Nightly Aurora | black, 15.1 to 1 |
| 30 | `#94efd3` | `oklch(88.74% 0.0964 172.21)` | Oasis Stream | black, 15.5 to 1 |
| 31 | `#9af0d9` | `oklch(89.49% 0.0899 175.44)` | Oasis Stream | black, 15.8 to 1 |
| 32 | `#9ff2df` | `oklch(90.16% 0.0854 178.10)` | Oasis Stream | black, 16.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #382408 0.0%, #3c2608 3.2%, #402809 6.5%, #462a0b 9.7%, #4d2c0e 12.9%, #542f11 16.1%, #5b3214 19.4%, #643518 22.6%, #6c391c 25.8%, #753e1f 29.0%, #7d4320 32.3%, #864a20 35.5%, #90521c 38.7%, #995c14 41.9%, #a16803 45.2%, #a67700 48.4%, #a98600 51.6%, #aa9500 54.8%, #a7a512 58.1%, #a1b330 61.3%, #9ac047 64.5%, #92cb5c 67.7%, #8cd470 71.0%, #86db83 74.2%, #82e195 77.4%, #82e6a6 80.6%, #84e9b4 83.9%, #88ecc0 87.1%, #8eeecb 90.3%, #94efd3 93.5%, #9af0d9 96.8%, #9ff2df 100.0%);
background: linear-gradient(135deg in oklch, oklch(27.95% 0.0510 72.42) 0.0%, oklch(28.91% 0.0534 70.72) 3.2%, oklch(30.06% 0.0565 67.99) 6.5%, oklch(31.39% 0.0601 64.57) 9.7%, oklch(32.89% 0.0642 60.79) 12.9%, oklch(34.55% 0.0686 56.98) 16.1%, oklch(36.36% 0.0733 53.50) 19.4%, oklch(38.31% 0.0782 50.66) 22.6%, oklch(40.39% 0.0832 48.81) 25.8%, oklch(42.58% 0.0883 48.29) 29.0%, oklch(44.88% 0.0934 49.42) 32.3%, oklch(47.35% 0.0987 52.54) 35.5%, oklch(50.17% 0.1052 57.59) 38.7%, oklch(53.28% 0.1125 64.23) 41.9%, oklch(56.58% 0.1202 72.11) 45.2%, oklch(59.99% 0.1240 80.83) 48.4%, oklch(63.43% 0.1296 90.09) 51.6%, oklch(66.80% 0.1386 99.50) 54.8%, oklch(70.01% 0.1478 108.70) 58.1%, oklch(72.98% 0.1519 117.33) 61.3%, oklch(75.63% 0.1541 125.04) 64.5%, oklch(77.87% 0.1540 131.54) 67.7%, oklch(79.84% 0.1512 137.61) 71.0%, oklch(81.61% 0.1461 143.50) 74.2%, oklch(83.18% 0.1392 149.15) 77.4%, oklch(84.59% 0.1310 154.52) 80.6%, oklch(85.83% 0.1221 159.56) 83.9%, oklch(86.92% 0.1130 164.22) 87.1%, oklch(87.89% 0.1042 168.45) 90.3%, oklch(88.74% 0.0964 172.21) 93.5%, oklch(89.49% 0.0899 175.44) 96.8%, oklch(90.16% 0.0854 178.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.051 | 72.4 |
| 2 | 0.457 | 0.095 | 50.2 |
| 3 | 0.772 | 0.154 | 129.5 |
| 4 | 0.902 | 0.085 | 178.1 |

## In these collections

- [Burnished beech canopy](https://grabient.com/burnished-beech-canopy)

## Other forms

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