# Cream cacao chartreuse

Beige, brown and green linear gradient with 32 colors: #f1ebd9, #ece4cf, #e6dbc2, #dfd0b3, #d7c3a2, #d0b590, #c8a67f, #c0986e, #b7895f, #af7b52, #a66f47, #9c643e, #905737, #824b30, #723f2a, #633424, #552a1f, #49221a, #3f1c15, #391812, #371610, #3a180f, #421d0e, #50270d, #61350a, #734702, #835e00, #917600, #9b8e07, #a0a624, #a0ba3a, #9ec94b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige, brown and green linear gradient
- Seed: `kU7xJByaC7iAUPZjOkqg`
- Page: https://grabient.com/kU7xJByaC7iAUPZjOkqg?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 13.7 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 | `#f1ebd9` | `oklch(94.09% 0.0248 92.11)` | Orchid White | black, 17.6 to 1 |
| 2 | `#ece4cf` | `oklch(92.00% 0.0289 89.92)` | Summer Sandcastle | black, 16.5 to 1 |
| 3 | `#e6dbc2` | `oklch(89.31% 0.0348 87.02)` | Adobe White | black, 15.2 to 1 |
| 4 | `#dfd0b3` | `oklch(86.12% 0.0418 83.57)` | Assateague Sand | black, 13.7 to 1 |
| 5 | `#d7c3a2` | `oklch(82.54% 0.0497 79.70)` | Birch Beige | black, 12.2 to 1 |
| 6 | `#d0b590` | `oklch(78.69% 0.0580 75.57)` | Granivorous | black, 10.6 to 1 |
| 7 | `#c8a67f` | `oklch(74.66% 0.0661 71.33)` | Toffee Tan | black, 9.2 to 1 |
| 8 | `#c0986e` | `oklch(70.57% 0.0737 67.11)` | Lanyard | black, 7.9 to 1 |
| 9 | `#b7895f` | `oklch(66.53% 0.0804 63.06)` | Tudor Tan | black, 6.7 to 1 |
| 10 | `#af7b52` | `oklch(62.64% 0.0856 59.34)` | Loquat Brown | black, 5.7 to 1 |
| 11 | `#a66f47` | `oklch(59.01% 0.0889 56.08)` | Stroopwafel | black, 4.9 to 1 |
| 12 | `#9c643e` | `oklch(55.50% 0.0899 53.13)` | Mocha Bisque | white, 4.8 to 1 |
| 13 | `#905737` | `oklch(51.47% 0.0881 49.71)` | Chestnut Chest | white, 5.8 to 1 |
| 14 | `#824b30` | `oklch(47.08% 0.0843 46.00)` | Pookie Bear | white, 7 to 1 |
| 15 | `#723f2a` | `oklch(42.55% 0.0790 42.24)` | Cowboy Suede | white, 8.5 to 1 |
| 16 | `#633424` | `oklch(38.10% 0.0730 38.70)` | Hairy Heath | white, 10.2 to 1 |
| 17 | `#552a1f` | `oklch(33.95% 0.0668 35.63)` | Boson Brown | white, 12.1 to 1 |
| 18 | `#49221a` | `oklch(30.34% 0.0611 33.29)` | Wild Brown | white, 13.7 to 1 |
| 19 | `#3f1c15` | `oklch(27.47% 0.0566 31.93)` | Délicieux au Chocolat | white, 15.1 to 1 |
| 20 | `#391812` | `oklch(25.58% 0.0539 31.80)` | Dark Sienna | white, 16 to 1 |
| 21 | `#371610` | `oklch(24.89% 0.0536 33.17)` | Tamarind | white, 16.3 to 1 |
| 22 | `#3a180f` | `oklch(25.63% 0.0564 36.35)` | Dark Sienna | white, 15.9 to 1 |
| 23 | `#421d0e` | `oklch(28.21% 0.0626 42.00)` | Délicieux au Chocolat | white, 14.7 to 1 |
| 24 | `#50270d` | `oklch(32.37% 0.0714 49.85)` | Bittersweet Chocolate | white, 12.8 to 1 |
| 25 | `#61350a` | `oklch(37.75% 0.0823 59.35)` | Chocolate Fantasies | white, 10.3 to 1 |
| 26 | `#734702` | `oklch(43.97% 0.0945 69.95)` | Flat Brown | white, 7.9 to 1 |
| 27 | `#835e00` | `oklch(50.67% 0.1046 81.07)` | Soil of Avagddu | white, 5.9 to 1 |
| 28 | `#917600` | `oklch(57.44% 0.1175 92.24)` | Bhūrā Brown | black, 4.7 to 1 |
| 29 | `#9b8e07` | `oklch(63.94% 0.1329 102.87)` | Smoothie Green | black, 6.2 to 1 |
| 30 | `#a0a624` | `oklch(69.77% 0.1441 112.38)` | Fistfull of Green | black, 7.9 to 1 |
| 31 | `#a0ba3a` | `oklch(74.57% 0.1533 120.25)` | In the Tropics | black, 9.5 to 1 |
| 32 | `#9ec94b` | `oklch(77.95% 0.1598 125.93)` | Wicked Green | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #f1ebd9 0.0%, #ece4cf 3.2%, #e6dbc2 6.5%, #dfd0b3 9.7%, #d7c3a2 12.9%, #d0b590 16.1%, #c8a67f 19.4%, #c0986e 22.6%, #b7895f 25.8%, #af7b52 29.0%, #a66f47 32.3%, #9c643e 35.5%, #905737 38.7%, #824b30 41.9%, #723f2a 45.2%, #633424 48.4%, #552a1f 51.6%, #49221a 54.8%, #3f1c15 58.1%, #391812 61.3%, #371610 64.5%, #3a180f 67.7%, #421d0e 71.0%, #50270d 74.2%, #61350a 77.4%, #734702 80.6%, #835e00 83.9%, #917600 87.1%, #9b8e07 90.3%, #a0a624 93.5%, #a0ba3a 96.8%, #9ec94b 100.0%);
background: linear-gradient(225deg in oklch, oklch(94.09% 0.0248 92.11) 0.0%, oklch(92.00% 0.0289 89.92) 3.2%, oklch(89.31% 0.0348 87.02) 6.5%, oklch(86.12% 0.0418 83.57) 9.7%, oklch(82.54% 0.0497 79.70) 12.9%, oklch(78.69% 0.0580 75.57) 16.1%, oklch(74.66% 0.0661 71.33) 19.4%, oklch(70.57% 0.0737 67.11) 22.6%, oklch(66.53% 0.0804 63.06) 25.8%, oklch(62.64% 0.0856 59.34) 29.0%, oklch(59.01% 0.0889 56.08) 32.3%, oklch(55.50% 0.0899 53.13) 35.5%, oklch(51.47% 0.0881 49.71) 38.7%, oklch(47.08% 0.0843 46.00) 41.9%, oklch(42.55% 0.0790 42.24) 45.2%, oklch(38.10% 0.0730 38.70) 48.4%, oklch(33.95% 0.0668 35.63) 51.6%, oklch(30.34% 0.0611 33.29) 54.8%, oklch(27.47% 0.0566 31.93) 58.1%, oklch(25.58% 0.0539 31.80) 61.3%, oklch(24.89% 0.0536 33.17) 64.5%, oklch(25.63% 0.0564 36.35) 67.7%, oklch(28.21% 0.0626 42.00) 71.0%, oklch(32.37% 0.0714 49.85) 74.2%, oklch(37.75% 0.0823 59.35) 77.4%, oklch(43.97% 0.0945 69.95) 80.6%, oklch(50.67% 0.1046 81.07) 83.9%, oklch(57.44% 0.1175 92.24) 87.1%, oklch(63.94% 0.1329 102.87) 90.3%, oklch(69.77% 0.1441 112.38) 93.5%, oklch(74.57% 0.1533 120.25) 96.8%, oklch(77.95% 0.1598 125.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.025 | 92.1 |
| 2 | 0.579 | 0.09 | 55.1 |
| 3 | 0.252 | 0.055 | 35 |
| 4 | 0.78 | 0.16 | 125.9 |

## In these collections

- [Chocolate and chartreuse](https://grabient.com/chocolate-and-chartreuse)

## Other forms

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