# Mint green brown bands

Brown, light green and light blue linear swatches with 21 colors: #6e3930, #713e32, #744636, #794f3a, #7f5a3f, #876743, #8e7648, #938851, #97985b, #9ca864, #a2b96c, #a7c874, #aad57f, #aedf8a, #b4e794, #b8ed9f, #b7f1ad, #b2f1c1, #b0edd2, #b6e7dc, #bee2df. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, light green and light blue linear swatches
- Seed: `kYaDgWP5dC9SeRjorMJ8qdBPCORa`
- Page: https://grabient.com/kYaDgWP5dC9SeRjorMJ8qdBPCORa?style=linearSwatches&steps=21&angle=0
- Drawn as: linear swatches, 21 steps, 0 degrees
- Kinds: dark to light, pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.1 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 | `#6e3930` | `oklch(40.94% 0.0772 30.94)` | Iron Flint | white, 9.1 to 1 |
| 2 | `#713e32` | `oklch(42.40% 0.0739 34.85)` | Metallic Copper | white, 8.6 to 1 |
| 3 | `#744636` | `oklch(44.44% 0.0691 40.32)` | Santana Soul | white, 7.8 to 1 |
| 4 | `#794f3a` | `oklch(47.00% 0.0648 47.43)` | Leather Satchel | white, 6.9 to 1 |
| 5 | `#7f5a3f` | `oklch(50.00% 0.0634 56.30)` | Stagecoach | white, 6.1 to 1 |
| 6 | `#876743` | `oklch(53.63% 0.0654 68.32)` | Nom Nom | white, 5.2 to 1 |
| 7 | `#8e7648` | `oklch(57.85% 0.0697 82.98)` | September Gold | black, 4.8 to 1 |
| 8 | `#938851` | `oklch(62.28% 0.0756 97.51)` | Trough Shell Brown | black, 5.8 to 1 |
| 9 | `#97985b` | `oklch(66.54% 0.0827 109.14)` | Stem | black, 6.9 to 1 |
| 10 | `#9ca864` | `oklch(70.71% 0.0925 116.90)` | Whirled Peas | black, 8.2 to 1 |
| 11 | `#a2b96c` | `oklch(74.95% 0.1048 122.35)` | Around the Gills | black, 9.6 to 1 |
| 12 | `#a7c874` | `oklch(78.92% 0.1160 126.47)` | Fiddle-Leaf Fig | black, 11.1 to 1 |
| 13 | `#aad57f` | `oklch(82.28% 0.1226 130.27)` | Feijoa | black, 12.5 to 1 |
| 14 | `#aedf8a` | `oklch(85.03% 0.1240 132.77)` | Stem Green | black, 13.7 to 1 |
| 15 | `#b4e794` | `oklch(87.30% 0.1219 133.84)` | Sage Sensation | black, 14.8 to 1 |
| 16 | `#b8ed9f` | `oklch(89.04% 0.1163 135.77)` | Sweet Mint Pesto | black, 15.6 to 1 |
| 17 | `#b7f1ad` | `oklch(90.16% 0.1075 140.84)` | Basilisk Lizard | black, 16.1 to 1 |
| 18 | `#b2f1c1` | `oklch(90.39% 0.0924 151.46)` | Esoteric Touch Green | black, 16.2 to 1 |
| 19 | `#b0edd2` | `oklch(89.86% 0.0721 165.81)` | Faint Clover | black, 15.9 to 1 |
| 20 | `#b6e7dc` | `oklch(89.09% 0.0522 179.82)` | Ice Cap Green | black, 15.4 to 1 |
| 21 | `#bee2df` | `oklch(88.58% 0.0386 189.45)` | Bleached Aqua | black, 15.1 to 1 |

## CSS

```css
background: linear-gradient(0deg, #6e3930 0.000% 4.762%, #713e32 4.762% 9.524%, #744636 9.524% 14.286%, #794f3a 14.286% 19.048%, #7f5a3f 19.048% 23.810%, #876743 23.810% 28.571%, #8e7648 28.571% 33.333%, #938851 33.333% 38.095%, #97985b 38.095% 42.857%, #9ca864 42.857% 47.619%, #a2b96c 47.619% 52.381%, #a7c874 52.381% 57.143%, #aad57f 57.143% 61.905%, #aedf8a 61.905% 66.667%, #b4e794 66.667% 71.429%, #b8ed9f 71.429% 76.190%, #b7f1ad 76.190% 80.952%, #b2f1c1 80.952% 85.714%, #b0edd2 85.714% 90.476%, #b6e7dc 90.476% 95.238%, #bee2df 95.238% 100.000%);
background: linear-gradient(0deg, oklch(40.94% 0.0772 30.94) 0.000% 4.762%, oklch(42.40% 0.0739 34.85) 4.762% 9.524%, oklch(44.44% 0.0691 40.32) 9.524% 14.286%, oklch(47.00% 0.0648 47.43) 14.286% 19.048%, oklch(50.00% 0.0634 56.30) 19.048% 23.810%, oklch(53.63% 0.0654 68.32) 23.810% 28.571%, oklch(57.85% 0.0697 82.98) 28.571% 33.333%, oklch(62.28% 0.0756 97.51) 33.333% 38.095%, oklch(66.54% 0.0827 109.14) 38.095% 42.857%, oklch(70.71% 0.0925 116.90) 42.857% 47.619%, oklch(74.95% 0.1048 122.35) 47.619% 52.381%, oklch(78.92% 0.1160 126.47) 52.381% 57.143%, oklch(82.28% 0.1226 130.27) 57.143% 61.905%, oklch(85.03% 0.1240 132.77) 61.905% 66.667%, oklch(87.30% 0.1219 133.84) 66.667% 71.429%, oklch(89.04% 0.1163 135.77) 71.429% 76.190%, oklch(90.16% 0.1075 140.84) 76.190% 80.952%, oklch(90.39% 0.0924 151.46) 80.952% 85.714%, oklch(89.86% 0.0721 165.81) 85.714% 90.476%, oklch(89.09% 0.0522 179.82) 90.476% 95.238%, oklch(88.58% 0.0386 189.45) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.077 | 30.9 |
| 2 | 0.5 | 0.063 | 56.3 |
| 3 | 0.665 | 0.083 | 109.1 |
| 4 | 0.823 | 0.123 | 130.3 |
| 5 | 0.902 | 0.107 | 140.8 |
| 6 | 0.886 | 0.039 | 189.5 |

## In these collections

- [Olive color palette](https://grabient.com/olive-color-palette)
- [Natural swatches](https://grabient.com/natural-swatches)

## Other forms

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