# Cream light crosses moss shadow

Pink, gray, brown and dark green linear gradient with 64 colors: #d29297, #d39597, #d39998, #d49e99, #d5a39c, #d6a99f, #d6b0a4, #d7b6a9, #d7bcaf, #d7c2b5, #d7c7bc, #d7ccc2, #d8cfc7, #d8d2cb, #d8d4ce, #d7d4cf, #d6d4ce, #d5d2ca, #d3d0c5, #d0cdbe, #cbc9b6, #c6c6ac, #c0c2a2, #b8be98, #b0b98e, #a6b584, #9db07a, #93ab71, #89a668, #80a160, #789b58, #719650, #6d8f48, #6a8840, #688036, #68772c, #676e22, #666419, #645a12, #61510e, #5d480d, #58400e, #52380f, #4c3210, #462d11, #412811, #3c2410, #38220e, #35200d, #321f0a, #301f08, #2e1f07, #2c2005, #2b2205, #282405, #262607, #23290a, #1f2b0e, #1b2e13, #163018, #10321d, #093421, #033525, #003628. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, gray, brown and dark green linear gradient
- Seed: `kWuDgK7oNIM6mxWikLeJZXM4`
- Page: https://grabient.com/kWuDgK7oNIM6mxWikLeJZXM4?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#d29297` | `oklch(72.44% 0.0772 14.77)` | Rosetti | black, 8.3 to 1 |
| 2 | `#d39597` | `oklch(73.04% 0.0744 17.30)` | Keel Joy | black, 8.5 to 1 |
| 3 | `#d39998` | `oklch(73.87% 0.0706 20.41)` | Tobermory | black, 8.7 to 1 |
| 4 | `#d49e99` | `oklch(74.89% 0.0659 24.04)` | Savoury Salmon | black, 9.1 to 1 |
| 5 | `#d5a39c` | `oklch(76.07% 0.0605 28.11)` | Bubble Shell | black, 9.5 to 1 |
| 6 | `#d6a99f` | `oklch(77.36% 0.0547 32.55)` | Cottage Rose | black, 10 to 1 |
| 7 | `#d6b0a4` | `oklch(78.71% 0.0485 37.29)` | Sandpaper | black, 10.5 to 1 |
| 8 | `#d7b6a9` | `oklch(80.10% 0.0421 42.26)` | Pink Apatite | black, 11.1 to 1 |
| 9 | `#d7bcaf` | `oklch(81.47% 0.0358 47.38)` | First Waltz | black, 11.7 to 1 |
| 10 | `#d7c2b5` | `oklch(82.78% 0.0297 52.59)` | Champagne Glee | black, 12.2 to 1 |
| 11 | `#d7c7bc` | `oklch(84.00% 0.0241 57.81)` | Perk Up | black, 12.7 to 1 |
| 12 | `#d7ccc2` | `oklch(85.08% 0.0190 62.97)` | River Rock | black, 13.2 to 1 |
| 13 | `#d8cfc7` | `oklch(85.97% 0.0146 68.01)` | Mink Frost | black, 13.6 to 1 |
| 14 | `#d8d2cb` | `oklch(86.65% 0.0112 72.84)` | Light Eggshell Pink | black, 13.9 to 1 |
| 15 | `#d8d4ce` | `oklch(87.05% 0.0090 77.40)` | Light Vanilla Quake | black, 14.1 to 1 |
| 16 | `#d7d4cf` | `oklch(87.16% 0.0080 81.62)` | Seashell Grey | black, 14.2 to 1 |
| 17 | `#d6d4ce` | `oklch(86.91% 0.0086 85.44)` | Slow Perch | black, 14.1 to 1 |
| 18 | `#d5d2ca` | `oklch(86.37% 0.0109 89.32)` | Bowstring | black, 13.8 to 1 |
| 19 | `#d3d0c5` | `oklch(85.58% 0.0149 93.40)` | Greybeard | black, 13.5 to 1 |
| 20 | `#d0cdbe` | `oklch(84.55% 0.0203 97.60)` | Sedate Grey | black, 13.1 to 1 |
| 21 | `#cbc9b6` | `oklch(83.32% 0.0269 101.85)` | Tropical Fog | black, 12.6 to 1 |
| 22 | `#c6c6ac` | `oklch(81.90% 0.0344 106.08)` | Tame Thyme | black, 12 to 1 |
| 23 | `#c0c2a2` | `oklch(80.33% 0.0426 110.21)` | Chameleon Tango | black, 11.4 to 1 |
| 24 | `#b8be98` | `oklch(78.62% 0.0512 114.18)` | Paspalum Grass | black, 10.8 to 1 |
| 25 | `#b0b98e` | `oklch(76.79% 0.0600 117.91)` | Gardening | black, 10.1 to 1 |
| 26 | `#a6b584` | `oklch(74.87% 0.0687 121.33)` | Great Green | black, 9.5 to 1 |
| 27 | `#9db07a` | `oklch(72.89% 0.0770 124.37)` | Death Guard | black, 8.9 to 1 |
| 28 | `#93ab71` | `oklch(70.86% 0.0848 126.95)` | Geranium Leaf | black, 8.3 to 1 |
| 29 | `#89a668` | `oklch(68.81% 0.0918 129.01)` | Scarpetta | black, 7.7 to 1 |
| 30 | `#80a160` | `oklch(66.76% 0.0977 130.46)` | Springview Green | black, 7.1 to 1 |
| 31 | `#789b58` | `oklch(64.74% 0.1023 131.25)` | Leek Soup | black, 6.6 to 1 |
| 32 | `#719650` | `oklch(62.77% 0.1053 131.29)` | Drab Green | black, 6.1 to 1 |
| 33 | `#6d8f48` | `oklch(60.83% 0.1065 130.42)` | Athonian Camoshade | black, 5.6 to 1 |
| 34 | `#6a8840` | `oklch(58.73% 0.1062 128.10)` | Sun Valley | black, 5.2 to 1 |
| 35 | `#688036` | `oklch(56.45% 0.1046 124.44)` | Swamp Moss | black, 4.7 to 1 |
| 36 | `#68772c` | `oklch(54.04% 0.1019 119.69)` | Castelvetrano Olive | white, 4.9 to 1 |
| 37 | `#676e22` | `oklch(51.52% 0.0982 114.06)` | Forest Spirit | white, 5.5 to 1 |
| 38 | `#666419` | `oklch(48.94% 0.0937 107.79)` | Greenish Brown | white, 6.1 to 1 |
| 39 | `#645a12` | `oklch(46.33% 0.0886 101.10)` | Brussels Sprout Green | white, 6.9 to 1 |
| 40 | `#61510e` | `oklch(43.73% 0.0832 94.22)` | Olive Brown | white, 7.8 to 1 |
| 41 | `#5d480d` | `oklch(41.17% 0.0775 87.39)` | Mud Brown | white, 8.8 to 1 |
| 42 | `#58400e` | `oklch(38.69% 0.0717 80.83)` | Smoked Oak Brown | white, 9.8 to 1 |
| 43 | `#52380f` | `oklch(36.32% 0.0660 74.77)` | Eyelash Camel | white, 10.8 to 1 |
| 44 | `#4c3210` | `oklch(34.10% 0.0607 69.43)` | Bavarian Sweet Mustard | white, 11.8 to 1 |
| 45 | `#462d11` | `oklch(32.07% 0.0558 65.05)` | Brown Study | white, 12.8 to 1 |
| 46 | `#412811` | `oklch(30.26% 0.0516 61.86)` | Night Brown | white, 13.6 to 1 |
| 47 | `#3c2410` | `oklch(28.70% 0.0482 60.09)` | Medium Roast | white, 14.4 to 1 |
| 48 | `#38220e` | `oklch(27.43% 0.0459 59.96)` | Black Slug | white, 15 to 1 |
| 49 | `#35200d` | `oklch(26.48% 0.0445 61.66)` | Black Slug | white, 15.4 to 1 |
| 50 | `#321f0a` | `oklch(25.82% 0.0438 65.09)` | Coffee Grounds | white, 15.7 to 1 |
| 51 | `#301f08` | `oklch(25.41% 0.0436 70.03)` | Coffee Grounds | white, 15.9 to 1 |
| 52 | `#2e1f07` | `oklch(25.22% 0.0439 76.26)` | Coffee Grounds | white, 15.9 to 1 |
| 53 | `#2c2005` | `oklch(25.23% 0.0446 83.55)` | Black Swan | white, 15.9 to 1 |
| 54 | `#2b2205` | `oklch(25.40% 0.0456 91.68)` | Black Swan | white, 15.8 to 1 |
| 55 | `#282405` | `oklch(25.71% 0.0469 100.43)` | Liquorice Root | white, 15.6 to 1 |
| 56 | `#262607` | `oklch(26.12% 0.0484 109.57)` | Liquorice Root | white, 15.3 to 1 |
| 57 | `#23290a` | `oklch(26.61% 0.0500 118.89)` | Lindworm Green | white, 15.1 to 1 |
| 58 | `#1f2b0e` | `oklch(27.14% 0.0517 128.15)` | Lindworm Green | white, 14.8 to 1 |
| 59 | `#1b2e13` | `oklch(27.68% 0.0533 137.13)` | Bush | white, 14.5 to 1 |
| 60 | `#163018` | `oklch(28.20% 0.0549 145.62)` | Méi Hēi Coal | white, 14.2 to 1 |
| 61 | `#10321d` | `oklch(28.68% 0.0564 153.38)` | Méi Hēi Coal | white, 13.9 to 1 |
| 62 | `#093421` | `oklch(29.08% 0.0576 160.20)` | Pitch-Black Forests | white, 13.7 to 1 |
| 63 | `#033525` | `oklch(29.37% 0.0586 165.85)` | Coach Green | white, 13.5 to 1 |
| 64 | `#003628` | `oklch(29.54% 0.0584 170.04)` | Coach Green | white, 13.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d29297 0.0%, #d39597 1.6%, #d39998 3.2%, #d49e99 4.8%, #d5a39c 6.3%, #d6a99f 7.9%, #d6b0a4 9.5%, #d7b6a9 11.1%, #d7bcaf 12.7%, #d7c2b5 14.3%, #d7c7bc 15.9%, #d7ccc2 17.5%, #d8cfc7 19.0%, #d8d2cb 20.6%, #d8d4ce 22.2%, #d7d4cf 23.8%, #d6d4ce 25.4%, #d5d2ca 27.0%, #d3d0c5 28.6%, #d0cdbe 30.2%, #cbc9b6 31.7%, #c6c6ac 33.3%, #c0c2a2 34.9%, #b8be98 36.5%, #b0b98e 38.1%, #a6b584 39.7%, #9db07a 41.3%, #93ab71 42.9%, #89a668 44.4%, #80a160 46.0%, #789b58 47.6%, #719650 49.2%, #6d8f48 50.8%, #6a8840 52.4%, #688036 54.0%, #68772c 55.6%, #676e22 57.1%, #666419 58.7%, #645a12 60.3%, #61510e 61.9%, #5d480d 63.5%, #58400e 65.1%, #52380f 66.7%, #4c3210 68.3%, #462d11 69.8%, #412811 71.4%, #3c2410 73.0%, #38220e 74.6%, #35200d 76.2%, #321f0a 77.8%, #301f08 79.4%, #2e1f07 81.0%, #2c2005 82.5%, #2b2205 84.1%, #282405 85.7%, #262607 87.3%, #23290a 88.9%, #1f2b0e 90.5%, #1b2e13 92.1%, #163018 93.7%, #10321d 95.2%, #093421 96.8%, #033525 98.4%, #003628 100.0%);
background: linear-gradient(135deg in oklch, oklch(72.44% 0.0772 14.77) 0.0%, oklch(73.04% 0.0744 17.30) 1.6%, oklch(73.87% 0.0706 20.41) 3.2%, oklch(74.89% 0.0659 24.04) 4.8%, oklch(76.07% 0.0605 28.11) 6.3%, oklch(77.36% 0.0547 32.55) 7.9%, oklch(78.71% 0.0485 37.29) 9.5%, oklch(80.10% 0.0421 42.26) 11.1%, oklch(81.47% 0.0358 47.38) 12.7%, oklch(82.78% 0.0297 52.59) 14.3%, oklch(84.00% 0.0241 57.81) 15.9%, oklch(85.08% 0.0190 62.97) 17.5%, oklch(85.97% 0.0146 68.01) 19.0%, oklch(86.65% 0.0112 72.84) 20.6%, oklch(87.05% 0.0090 77.40) 22.2%, oklch(87.16% 0.0080 81.62) 23.8%, oklch(86.91% 0.0086 85.44) 25.4%, oklch(86.37% 0.0109 89.32) 27.0%, oklch(85.58% 0.0149 93.40) 28.6%, oklch(84.55% 0.0203 97.60) 30.2%, oklch(83.32% 0.0269 101.85) 31.7%, oklch(81.90% 0.0344 106.08) 33.3%, oklch(80.33% 0.0426 110.21) 34.9%, oklch(78.62% 0.0512 114.18) 36.5%, oklch(76.79% 0.0600 117.91) 38.1%, oklch(74.87% 0.0687 121.33) 39.7%, oklch(72.89% 0.0770 124.37) 41.3%, oklch(70.86% 0.0848 126.95) 42.9%, oklch(68.81% 0.0918 129.01) 44.4%, oklch(66.76% 0.0977 130.46) 46.0%, oklch(64.74% 0.1023 131.25) 47.6%, oklch(62.77% 0.1053 131.29) 49.2%, oklch(60.83% 0.1065 130.42) 50.8%, oklch(58.73% 0.1062 128.10) 52.4%, oklch(56.45% 0.1046 124.44) 54.0%, oklch(54.04% 0.1019 119.69) 55.6%, oklch(51.52% 0.0982 114.06) 57.1%, oklch(48.94% 0.0937 107.79) 58.7%, oklch(46.33% 0.0886 101.10) 60.3%, oklch(43.73% 0.0832 94.22) 61.9%, oklch(41.17% 0.0775 87.39) 63.5%, oklch(38.69% 0.0717 80.83) 65.1%, oklch(36.32% 0.0660 74.77) 66.7%, oklch(34.10% 0.0607 69.43) 68.3%, oklch(32.07% 0.0558 65.05) 69.8%, oklch(30.26% 0.0516 61.86) 71.4%, oklch(28.70% 0.0482 60.09) 73.0%, oklch(27.43% 0.0459 59.96) 74.6%, oklch(26.48% 0.0445 61.66) 76.2%, oklch(25.82% 0.0438 65.09) 77.8%, oklch(25.41% 0.0436 70.03) 79.4%, oklch(25.22% 0.0439 76.26) 81.0%, oklch(25.23% 0.0446 83.55) 82.5%, oklch(25.40% 0.0456 91.68) 84.1%, oklch(25.71% 0.0469 100.43) 85.7%, oklch(26.12% 0.0484 109.57) 87.3%, oklch(26.61% 0.0500 118.89) 88.9%, oklch(27.14% 0.0517 128.15) 90.5%, oklch(27.68% 0.0533 137.13) 92.1%, oklch(28.20% 0.0549 145.62) 93.7%, oklch(28.68% 0.0564 153.38) 95.2%, oklch(29.08% 0.0576 160.20) 96.8%, oklch(29.37% 0.0586 165.85) 98.4%, oklch(29.54% 0.0584 170.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.077 | 14.8 |
| 2 | 0.87 | 0.008 | 84.5 |
| 3 | 0.618 | 0.106 | 131 |
| 4 | 0.272 | 0.045 | 60.2 |
| 5 | 0.295 | 0.059 | 170.1 |

## In these collections

- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)

## Other forms

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