# Cabbage Garden Ribbon

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

- Also called: Beige, purple, light green and blue linear gradient
- Seed: `kW4yIwaLZGLgnrTtGlMSJBLw`
- Page: https://grabient.com/kW4yIwaLZGLgnrTtGlMSJBLw?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, pastel, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.8 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 | `#f2d7bc` | `oklch(89.37% 0.0469 67.50)` | Pulled Taffy | black, 15.1 to 1 |
| 2 | `#f2d6b3` | `oklch(89.03% 0.0560 73.26)` | Frangipane | black, 15 to 1 |
| 3 | `#f1d7a6` | `oklch(88.81% 0.0694 82.60)` | Pismo Dunes | black, 14.9 to 1 |
| 4 | `#ecd998` | `oklch(88.57% 0.0854 93.82)` | Ivory Buff | black, 14.9 to 1 |
| 5 | `#e1dc8b` | `oklch(88.15% 0.1025 105.20)` | Lively Laugh | black, 14.8 to 1 |
| 6 | `#d3df81` | `oklch(87.38% 0.1190 115.05)` | Ajwain Green | black, 14.6 to 1 |
| 7 | `#c3df78` | `oklch(86.13% 0.1334 121.67)` | Idocrase Green | black, 14.1 to 1 |
| 8 | `#b9db6b` | `oklch(84.23% 0.1441 123.34)` | Melissa | black, 13.3 to 1 |
| 9 | `#bacf54` | `oklch(81.48% 0.1497 118.26)` | Forsythia Bud | black, 12.1 to 1 |
| 10 | `#c6b82b` | `oklch(77.02% 0.1504 103.27)` | Humorous Green | black, 10.2 to 1 |
| 11 | `#d19600` | `oklch(71.08% 0.1471 80.18)` | Leopard | black, 8 to 1 |
| 12 | `#cf712d` | `oklch(64.39% 0.1420 52.46)` | Mann Orange | black, 6 to 1 |
| 13 | `#bc5452` | `oklch(57.65% 0.1347 23.49)` | Chōshun Red | white, 4.6 to 1 |
| 14 | `#9e4469` | `oklch(51.59% 0.1265 356.71)` | Ancient Fuchsia | white, 6 to 1 |
| 15 | `#823d74` | `oklch(46.93% 0.1186 335.54)` | Sister Loganberry Frost | white, 7.3 to 1 |
| 16 | `#703b76` | `oklch(44.36% 0.1116 323.42)` | Eminence | white, 8.1 to 1 |
| 17 | `#703e76` | `oklch(44.67% 0.1064 323.34)` | Eminence | white, 7.9 to 1 |
| 18 | `#804776` | `oklch(48.21% 0.1013 333.89)` | Magic Magenta | white, 6.8 to 1 |
| 19 | `#995674` | `oklch(54.12% 0.0963 352.44)` | Pink Tulip | white, 5.3 to 1 |
| 20 | `#b56d71` | `oklch(61.46% 0.0913 16.53)` | Dusty Rose | black, 5.3 to 1 |
| 21 | `#ca8b70` | `oklch(69.23% 0.0864 43.69)` | Subdued Sienna | black, 7.4 to 1 |
| 22 | `#d4aa78` | `oklch(76.47% 0.0817 71.47)` | Sunbaked Straw | black, 9.8 to 1 |
| 23 | `#d2c68c` | `oklch(82.22% 0.0771 97.41)` | Dusty Yellow | black, 12.1 to 1 |
| 24 | `#cad7a1` | `oklch(85.50% 0.0727 119.06)` | Cucumber Ice | black, 13.7 to 1 |
| 25 | `#bcdbae` | `oklch(85.71% 0.0685 136.07)` | A Mann’s Mint | black, 13.8 to 1 |
| 26 | `#aad6b5` | `oklch(83.54% 0.0642 152.31)` | Eerie Glow | black, 12.9 to 1 |
| 27 | `#97cab5` | `oklch(79.67% 0.0600 167.73)` | Mint Twist | black, 11.4 to 1 |
| 28 | `#86b9b0` | `oklch(74.73% 0.0560 182.10)` | Morning Green | black, 9.5 to 1 |
| 29 | `#76a7a6` | `oklch(69.36% 0.0523 195.15)` | Cresting Waves | black, 7.8 to 1 |
| 30 | `#69969c` | `oklch(64.20% 0.0490 206.64)` | Baltic Blue | black, 6.4 to 1 |
| 31 | `#608792` | `oklch(59.90% 0.0462 216.30)` | Horizon | black, 5.3 to 1 |
| 32 | `#5b7e8b` | `oklch(57.09% 0.0441 223.90)` | La Pineta | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f2d7bc 0.0%, #f2d6b3 3.2%, #f1d7a6 6.5%, #ecd998 9.7%, #e1dc8b 12.9%, #d3df81 16.1%, #c3df78 19.4%, #b9db6b 22.6%, #bacf54 25.8%, #c6b82b 29.0%, #d19600 32.3%, #cf712d 35.5%, #bc5452 38.7%, #9e4469 41.9%, #823d74 45.2%, #703b76 48.4%, #703e76 51.6%, #804776 54.8%, #995674 58.1%, #b56d71 61.3%, #ca8b70 64.5%, #d4aa78 67.7%, #d2c68c 71.0%, #cad7a1 74.2%, #bcdbae 77.4%, #aad6b5 80.6%, #97cab5 83.9%, #86b9b0 87.1%, #76a7a6 90.3%, #69969c 93.5%, #608792 96.8%, #5b7e8b 100.0%);
background: linear-gradient(135deg in oklch, oklch(89.37% 0.0469 67.50) 0.0%, oklch(89.03% 0.0560 73.26) 3.2%, oklch(88.81% 0.0694 82.60) 6.5%, oklch(88.57% 0.0854 93.82) 9.7%, oklch(88.15% 0.1025 105.20) 12.9%, oklch(87.38% 0.1190 115.05) 16.1%, oklch(86.13% 0.1334 121.67) 19.4%, oklch(84.23% 0.1441 123.34) 22.6%, oklch(81.48% 0.1497 118.26) 25.8%, oklch(77.02% 0.1504 103.27) 29.0%, oklch(71.08% 0.1471 80.18) 32.3%, oklch(64.39% 0.1420 52.46) 35.5%, oklch(57.65% 0.1347 23.49) 38.7%, oklch(51.59% 0.1265 356.71) 41.9%, oklch(46.93% 0.1186 335.54) 45.2%, oklch(44.36% 0.1116 323.42) 48.4%, oklch(44.67% 0.1064 323.34) 51.6%, oklch(48.21% 0.1013 333.89) 54.8%, oklch(54.12% 0.0963 352.44) 58.1%, oklch(61.46% 0.0913 16.53) 61.3%, oklch(69.23% 0.0864 43.69) 64.5%, oklch(76.47% 0.0817 71.47) 67.7%, oklch(82.22% 0.0771 97.41) 71.0%, oklch(85.50% 0.0727 119.06) 74.2%, oklch(85.71% 0.0685 136.07) 77.4%, oklch(83.54% 0.0642 152.31) 80.6%, oklch(79.67% 0.0600 167.73) 83.9%, oklch(74.73% 0.0560 182.10) 87.1%, oklch(69.36% 0.0523 195.15) 90.3%, oklch(64.20% 0.0490 206.64) 93.5%, oklch(59.90% 0.0462 216.30) 96.8%, oklch(57.09% 0.0441 223.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.047 | 67.5 |
| 2 | 0.823 | 0.149 | 120.3 |
| 3 | 0.441 | 0.109 | -38.2 |
| 4 | 0.858 | 0.072 | 123.5 |
| 5 | 0.571 | 0.044 | 223.9 |

## In these collections

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

## Other forms

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