# Cabbage Garden Grove

Across the frame, the continuous gradient moves through pale olive, pale red, red, green, and pale orange. The lighter colors offer relief while the deeper colors support legible pale type and clear focal marks.

- Also called: Pastel green, beige and pink linear gradient
- Seed: `kW2jRXdI69siqMa3m1OcZE2I`
- Page: https://grabient.com/kW2jRXdI69siqMa3m1OcZE2I?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 6.6 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 | `#c8d9a4` | `oklch(85.83% 0.0717 122.34)` | Cucumber Ice | black, 13.8 to 1 |
| 2 | `#cbdba9` | `oklch(86.59% 0.0683 121.56)` | Chameleon | black, 14.2 to 1 |
| 3 | `#d0deb0` | `oklch(87.93% 0.0631 121.29)` | Rockmelon Rind | black, 14.8 to 1 |
| 4 | `#d7e3b9` | `oklch(89.55% 0.0568 121.02)` | Celery Root | black, 15.5 to 1 |
| 5 | `#dde7c2` | `oklch(91.13% 0.0503 120.21)` | Loch Modan Moss | black, 16.3 to 1 |
| 6 | `#e3ebc9` | `oklch(92.39% 0.0446 118.34)` | Earth Happiness | black, 16.9 to 1 |
| 7 | `#e7eccd` | `oklch(93.03% 0.0405 114.86)` | Honeydew Melon | black, 17.2 to 1 |
| 8 | `#e8eacc` | `oklch(92.74% 0.0389 109.25)` | Sylvan Green | black, 17 to 1 |
| 9 | `#e8e3c5` | `oklch(91.22% 0.0408 100.82)` | Dirty White | black, 16.2 to 1 |
| 10 | `#e6d7b5` | `oklch(88.21% 0.0474 86.52)` | Champagne Gold | black, 14.7 to 1 |
| 11 | `#e5c4a3` | `oklch(84.00% 0.0576 67.20)` | Pueblo Sand | black, 12.7 to 1 |
| 12 | `#e2ad95` | `oklch(78.98% 0.0701 45.35)` | California Coral | black, 10.6 to 1 |
| 13 | `#d99590` | `oklch(73.56% 0.0835 23.48)` | Petite Orchid | black, 8.6 to 1 |
| 14 | `#cb7f92` | `oklch(68.12% 0.0962 4.09)` | Cashmere Rose | black, 6.9 to 1 |
| 15 | `#b96d93` | `oklch(63.07% 0.1068 349.68)` | Pinky Pickle | black, 5.6 to 1 |
| 16 | `#aa5f8f` | `oklch(58.80% 0.1140 342.74)` | Meadow Mauve | black, 4.7 to 1 |
| 17 | `#a25581` | `oklch(55.51% 0.1164 345.96)` | Feminism | white, 5 to 1 |
| 18 | `#9e4a66` | `oklch(52.27% 0.1149 0.69)` | Baby Berries | white, 5.8 to 1 |
| 19 | `#954441` | `oklch(49.11% 0.1106 23.93)` | Rooster Comb | white, 6.5 to 1 |
| 20 | `#854517` | `oklch(46.30% 0.1043 52.22)` | Sis Kebab | white, 7.3 to 1 |
| 21 | `#6b4d00` | `oklch(44.06% 0.0908 82.07)` | Antique Bronze | white, 7.8 to 1 |
| 22 | `#525309` | `oklch(42.63% 0.0889 110.19)` | Douro | white, 8.1 to 1 |
| 23 | `#3c5726` | `oklch(42.28% 0.0816 132.97)` | Verdun Green | white, 8.1 to 1 |
| 24 | `#325c37` | `oklch(43.23% 0.0756 147.02)` | Parsley | white, 7.7 to 1 |
| 25 | `#396343` | `oklch(45.98% 0.0711 150.24)` | Forest Serenade | white, 6.8 to 1 |
| 26 | `#4d704e` | `oklch(50.92% 0.0667 145.33)` | Fairway | white, 5.5 to 1 |
| 27 | `#69815b` | `oklch(57.40% 0.0625 134.51)` | Tuscan Herbs | black, 4.8 to 1 |
| 28 | `#8a946c` | `oklch(64.75% 0.0585 119.90)` | Cider Pear Green | black, 6.5 to 1 |
| 29 | `#aba880` | `oklch(72.30% 0.0549 103.65)` | Brisk Olive | black, 8.6 to 1 |
| 30 | `#caba96` | `oklch(79.37% 0.0517 87.89)` | Stone Guardians | black, 11 to 1 |
| 31 | `#e2cbac` | `oklch(85.28% 0.0490 74.74)` | Macadamia | black, 13.3 to 1 |
| 32 | `#f2d7bc` | `oklch(89.37% 0.0469 66.34)` | Pulled Taffy | black, 15.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c8d9a4 0.0%, #cbdba9 3.2%, #d0deb0 6.5%, #d7e3b9 9.7%, #dde7c2 12.9%, #e3ebc9 16.1%, #e7eccd 19.4%, #e8eacc 22.6%, #e8e3c5 25.8%, #e6d7b5 29.0%, #e5c4a3 32.3%, #e2ad95 35.5%, #d99590 38.7%, #cb7f92 41.9%, #b96d93 45.2%, #aa5f8f 48.4%, #a25581 51.6%, #9e4a66 54.8%, #954441 58.1%, #854517 61.3%, #6b4d00 64.5%, #525309 67.7%, #3c5726 71.0%, #325c37 74.2%, #396343 77.4%, #4d704e 80.6%, #69815b 83.9%, #8a946c 87.1%, #aba880 90.3%, #caba96 93.5%, #e2cbac 96.8%, #f2d7bc 100.0%);
background: linear-gradient(135deg in oklch, oklch(85.83% 0.0717 122.34) 0.0%, oklch(86.59% 0.0683 121.56) 3.2%, oklch(87.93% 0.0631 121.29) 6.5%, oklch(89.55% 0.0568 121.02) 9.7%, oklch(91.13% 0.0503 120.21) 12.9%, oklch(92.39% 0.0446 118.34) 16.1%, oklch(93.03% 0.0405 114.86) 19.4%, oklch(92.74% 0.0389 109.25) 22.6%, oklch(91.22% 0.0408 100.82) 25.8%, oklch(88.21% 0.0474 86.52) 29.0%, oklch(84.00% 0.0576 67.20) 32.3%, oklch(78.98% 0.0701 45.35) 35.5%, oklch(73.56% 0.0835 23.48) 38.7%, oklch(68.12% 0.0962 4.09) 41.9%, oklch(63.07% 0.1068 349.68) 45.2%, oklch(58.80% 0.1140 342.74) 48.4%, oklch(55.51% 0.1164 345.96) 51.6%, oklch(52.27% 0.1149 0.69) 54.8%, oklch(49.11% 0.1106 23.93) 58.1%, oklch(46.30% 0.1043 52.22) 61.3%, oklch(44.06% 0.0908 82.07) 64.5%, oklch(42.63% 0.0889 110.19) 67.7%, oklch(42.28% 0.0816 132.97) 71.0%, oklch(43.23% 0.0756 147.02) 74.2%, oklch(45.98% 0.0711 150.24) 77.4%, oklch(50.92% 0.0667 145.33) 80.6%, oklch(57.40% 0.0625 134.51) 83.9%, oklch(64.75% 0.0585 119.90) 87.1%, oklch(72.30% 0.0549 103.65) 90.3%, oklch(79.37% 0.0517 87.89) 93.5%, oklch(85.28% 0.0490 74.74) 96.8%, oklch(89.37% 0.0469 66.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.072 | 122.3 |
| 2 | 0.917 | 0.04 | 103.3 |
| 3 | 0.571 | 0.116 | -17.1 |
| 4 | 0.437 | 0.074 | 148.8 |
| 5 | 0.894 | 0.047 | 66.3 |

## In these collections

- [Cabbage crush](https://grabient.com/cabbage-crush)

## Other forms

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