# Mint cream rust diagonal

Beige, gray, light blue and red linear gradient with 64 colors: #e5edb6, #e5e9b3, #e6e5af, #e7dfab, #e7d8a7, #e7d1a4, #e6caa1, #e4c3a0, #e1bd9f, #deb79e, #dab19e, #d6ad9e, #d2a99e, #cea79e, #cba59e, #c9a59e, #c8a69e, #c8a89f, #c9ada2, #cbb2a5, #cdb9ab, #cfc1b2, #d2c9ba, #d6d1c4, #dadacd, #dfe1d7, #e4e8e1, #e9efe9, #edf4f0, #f1f9f6, #f2fcfa, #f1fefe, #f2fdff, #f1fbff, #edf9ff, #e8f4ff, #e3efff, #dfe8ff, #dde0ff, #ddd5ff, #e2c8ff, #edb6fe, #f4a9ef, #fa9cdc, #fe90c7, #ff86b1, #ff7e9c, #ff7688, #fe6f76, #fa6b66, #f56758, #f0634c, #ea6042, #e45c3b, #de5935, #d85631, #d2532f, #cc502d, #c74e2c, #c24c2c, #be492b, #ba472b, #b64629, #b44426. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige, gray, light blue and red linear gradient
- Seed: `kW6zRR34-2H2F1DcvlRxDdCQ`
- Page: https://grabient.com/kW6zRR34-2H2F1DcvlRxDdCQ?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.3 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 | `#e5edb6` | `oklch(92.52% 0.0717 114.61)` | Sour | black, 17 to 1 |
| 2 | `#e5e9b3` | `oklch(91.82% 0.0706 111.15)` | Iced Celery | black, 16.6 to 1 |
| 3 | `#e6e5af` | `oklch(90.87% 0.0694 106.26)` | Tusk | black, 16.1 to 1 |
| 4 | `#e7dfab` | `oklch(89.70% 0.0679 100.18)` | Sunny Burrata | black, 15.5 to 1 |
| 5 | `#e7d8a7` | `oklch(88.36% 0.0663 93.18)` | Sidecar | black, 14.8 to 1 |
| 6 | `#e7d1a4` | `oklch(86.89% 0.0646 85.52)` | Sand Sculpture | black, 14.1 to 1 |
| 7 | `#e6caa1` | `oklch(85.35% 0.0627 77.46)` | Caramel Mousse | black, 13.3 to 1 |
| 8 | `#e4c3a0` | `oklch(83.76% 0.0607 69.26)` | Library Card | black, 12.6 to 1 |
| 9 | `#e1bd9f` | `oklch(82.19% 0.0586 61.17)` | Eggshell Paper | black, 11.9 to 1 |
| 10 | `#deb79e` | `oklch(80.67% 0.0565 53.47)` | Wassail | black, 11.3 to 1 |
| 11 | `#dab19e` | `oklch(79.24% 0.0544 46.40)` | Suntan | black, 10.7 to 1 |
| 12 | `#d6ad9e` | `oklch(77.96% 0.0523 40.22)` | Montezuma’s Castle | black, 10.3 to 1 |
| 13 | `#d2a99e` | `oklch(76.87% 0.0501 35.21)` | Cinnamon Cocoa | black, 9.9 to 1 |
| 14 | `#cea79e` | `oklch(76.00% 0.0481 31.61)` | Cinnamon Cocoa | black, 9.6 to 1 |
| 15 | `#cba59e` | `oklch(75.42% 0.0460 29.68)` | Rose Potpourri | black, 9.4 to 1 |
| 16 | `#c9a59e` | `oklch(75.16% 0.0441 29.69)` | Rose Potpourri | black, 9.3 to 1 |
| 17 | `#c8a69e` | `oklch(75.26% 0.0422 31.89)` | Rose Potpourri | black, 9.3 to 1 |
| 18 | `#c8a89f` | `oklch(75.84% 0.0400 36.14)` | Teatime Mauve | black, 9.5 to 1 |
| 19 | `#c9ada2` | `oklch(76.86% 0.0371 42.20)` | Art Deco Pink | black, 9.9 to 1 |
| 20 | `#cbb2a5` | `oklch(78.25% 0.0338 49.87)` | Rose Dust | black, 10.4 to 1 |
| 21 | `#cdb9ab` | `oklch(79.94% 0.0303 58.95)` | Bona Fide Beige | black, 11.1 to 1 |
| 22 | `#cfc1b2` | `oklch(81.88% 0.0266 69.25)` | Perfect Backdrop | black, 11.9 to 1 |
| 23 | `#d2c9ba` | `oklch(83.97% 0.0230 80.58)` | Manuscript | black, 12.8 to 1 |
| 24 | `#d6d1c4` | `oklch(86.16% 0.0195 92.74)` | Clay Beige | black, 13.8 to 1 |
| 25 | `#dadacd` | `oklch(88.38% 0.0162 105.54)` | Celery White | black, 14.8 to 1 |
| 26 | `#dfe1d7` | `oklch(90.55% 0.0134 118.78)` | Hygge Green | black, 15.8 to 1 |
| 27 | `#e4e8e1` | `oklch(92.61% 0.0112 132.28)` | Poetic Licence | black, 16.9 to 1 |
| 28 | `#e9efe9` | `oklch(94.49% 0.0096 145.83)` | Gossamer Wings | black, 17.9 to 1 |
| 29 | `#edf4f0` | `oklch(96.12% 0.0089 159.24)` | Shiroi White | black, 18.8 to 1 |
| 30 | `#f1f9f6` | `oklch(97.42% 0.0092 172.33)` | Distant Horizon | black, 19.5 to 1 |
| 31 | `#f2fcfa` | `oklch(98.33% 0.0106 184.89)` | Everlasting Ice | black, 20 to 1 |
| 32 | `#f1fefe` | `oklch(98.79% 0.0133 196.73)` | Vapour | black, 20.3 to 1 |
| 33 | `#f2fdff` | `oklch(98.73% 0.0118 207.79)` | Vapour | black, 20.3 to 1 |
| 34 | `#f1fbff` | `oklch(98.25% 0.0123 219.31)` | Alice Blue | black, 20 to 1 |
| 35 | `#edf9ff` | `oklch(97.41% 0.0151 231.29)` | Alice Blue | black, 19.5 to 1 |
| 36 | `#e8f4ff` | `oklch(96.25% 0.0193 243.60)` | Moon White | black, 18.8 to 1 |
| 37 | `#e3efff` | `oklch(94.81% 0.0250 256.13)` | Brilliant White | black, 18 to 1 |
| 38 | `#dfe8ff` | `oklch(93.15% 0.0326 268.76)` | Lavender Mist | black, 17.1 to 1 |
| 39 | `#dde0ff` | `oklch(91.29% 0.0429 281.36)` | Stoic White | black, 16.1 to 1 |
| 40 | `#ddd5ff` | `oklch(89.29% 0.0576 293.81)` | Pale Lavender | black, 15 to 1 |
| 41 | `#e2c8ff` | `oklch(87.18% 0.0796 306.01)` | Foggy Heath | black, 13.9 to 1 |
| 42 | `#edb6fe` | `oklch(85.02% 0.1130 317.81)` | Euphoria | black, 12.7 to 1 |
| 43 | `#f4a9ef` | `oklch(82.84% 0.1251 329.13)` | Pinky Swear | black, 11.7 to 1 |
| 44 | `#fa9cdc` | `oklch(80.68% 0.1366 339.83)` | Rose Daphne | black, 10.8 to 1 |
| 45 | `#fe90c7` | `oklch(78.60% 0.1470 349.79)` | Himalayan Balsam | black, 10 to 1 |
| 46 | `#ff86b1` | `oklch(76.63% 0.1524 358.89)` | Informative Pink | black, 9.3 to 1 |
| 47 | `#ff7e9c` | `oklch(74.81% 0.1590 7.02)` | Pink Makeup | black, 8.7 to 1 |
| 48 | `#ff7688` | `oklch(73.20% 0.1673 14.05)` | Heatstroke | black, 8.1 to 1 |
| 49 | `#fe6f76` | `oklch(71.75% 0.1737 19.91)` | Begonia | black, 7.7 to 1 |
| 50 | `#fa6b66` | `oklch(70.29% 0.1763 24.69)` | Flirty Salmon | black, 7.3 to 1 |
| 51 | `#f56758` | `oklch(68.83% 0.1777 28.50)` | Camellia | black, 6.9 to 1 |
| 52 | `#f0634c` | `oklch(67.36% 0.1780 31.43)` | Flattered Flamingo | black, 6.5 to 1 |
| 53 | `#ea6042` | `oklch(65.91% 0.1773 33.59)` | Teri-Gaki Persimmon | black, 6.2 to 1 |
| 54 | `#e45c3b` | `oklch(64.48% 0.1759 35.08)` | Sohi Red | black, 5.8 to 1 |
| 55 | `#de5935` | `oklch(63.09% 0.1738 36.01)` | Untamed Orange | black, 5.5 to 1 |
| 56 | `#d85631` | `oklch(61.73% 0.1713 36.47)` | Obstinate Orange | black, 5.2 to 1 |
| 57 | `#d2532f` | `oklch(60.43% 0.1684 36.57)` | Dizzy Days | black, 5 to 1 |
| 58 | `#cc502d` | `oklch(59.18% 0.1654 36.40)` | Orange Keeper | black, 4.7 to 1 |
| 59 | `#c74e2c` | `oklch(58.01% 0.1623 36.09)` | Trinidad | white, 4.6 to 1 |
| 60 | `#c24c2c` | `oklch(56.92% 0.1593 35.71)` | Grenadier | white, 4.8 to 1 |
| 61 | `#be492b` | `oklch(55.92% 0.1566 35.38)` | Volcanic Unrest | white, 5 to 1 |
| 62 | `#ba472b` | `oklch(55.01% 0.1543 35.21)` | Devil’s Butterfly | white, 5.2 to 1 |
| 63 | `#b64629` | `oklch(54.22% 0.1526 35.28)` | Cattail Red | white, 5.3 to 1 |
| 64 | `#b44426` | `oklch(53.54% 0.1516 35.71)` | Cattail Red | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e5edb6 0.0%, #e5e9b3 1.6%, #e6e5af 3.2%, #e7dfab 4.8%, #e7d8a7 6.3%, #e7d1a4 7.9%, #e6caa1 9.5%, #e4c3a0 11.1%, #e1bd9f 12.7%, #deb79e 14.3%, #dab19e 15.9%, #d6ad9e 17.5%, #d2a99e 19.0%, #cea79e 20.6%, #cba59e 22.2%, #c9a59e 23.8%, #c8a69e 25.4%, #c8a89f 27.0%, #c9ada2 28.6%, #cbb2a5 30.2%, #cdb9ab 31.7%, #cfc1b2 33.3%, #d2c9ba 34.9%, #d6d1c4 36.5%, #dadacd 38.1%, #dfe1d7 39.7%, #e4e8e1 41.3%, #e9efe9 42.9%, #edf4f0 44.4%, #f1f9f6 46.0%, #f2fcfa 47.6%, #f1fefe 49.2%, #f2fdff 50.8%, #f1fbff 52.4%, #edf9ff 54.0%, #e8f4ff 55.6%, #e3efff 57.1%, #dfe8ff 58.7%, #dde0ff 60.3%, #ddd5ff 61.9%, #e2c8ff 63.5%, #edb6fe 65.1%, #f4a9ef 66.7%, #fa9cdc 68.3%, #fe90c7 69.8%, #ff86b1 71.4%, #ff7e9c 73.0%, #ff7688 74.6%, #fe6f76 76.2%, #fa6b66 77.8%, #f56758 79.4%, #f0634c 81.0%, #ea6042 82.5%, #e45c3b 84.1%, #de5935 85.7%, #d85631 87.3%, #d2532f 88.9%, #cc502d 90.5%, #c74e2c 92.1%, #c24c2c 93.7%, #be492b 95.2%, #ba472b 96.8%, #b64629 98.4%, #b44426 100.0%);
background: linear-gradient(135deg in oklch, oklch(92.52% 0.0717 114.61) 0.0%, oklch(91.82% 0.0706 111.15) 1.6%, oklch(90.87% 0.0694 106.26) 3.2%, oklch(89.70% 0.0679 100.18) 4.8%, oklch(88.36% 0.0663 93.18) 6.3%, oklch(86.89% 0.0646 85.52) 7.9%, oklch(85.35% 0.0627 77.46) 9.5%, oklch(83.76% 0.0607 69.26) 11.1%, oklch(82.19% 0.0586 61.17) 12.7%, oklch(80.67% 0.0565 53.47) 14.3%, oklch(79.24% 0.0544 46.40) 15.9%, oklch(77.96% 0.0523 40.22) 17.5%, oklch(76.87% 0.0501 35.21) 19.0%, oklch(76.00% 0.0481 31.61) 20.6%, oklch(75.42% 0.0460 29.68) 22.2%, oklch(75.16% 0.0441 29.69) 23.8%, oklch(75.26% 0.0422 31.89) 25.4%, oklch(75.84% 0.0400 36.14) 27.0%, oklch(76.86% 0.0371 42.20) 28.6%, oklch(78.25% 0.0338 49.87) 30.2%, oklch(79.94% 0.0303 58.95) 31.7%, oklch(81.88% 0.0266 69.25) 33.3%, oklch(83.97% 0.0230 80.58) 34.9%, oklch(86.16% 0.0195 92.74) 36.5%, oklch(88.38% 0.0162 105.54) 38.1%, oklch(90.55% 0.0134 118.78) 39.7%, oklch(92.61% 0.0112 132.28) 41.3%, oklch(94.49% 0.0096 145.83) 42.9%, oklch(96.12% 0.0089 159.24) 44.4%, oklch(97.42% 0.0092 172.33) 46.0%, oklch(98.33% 0.0106 184.89) 47.6%, oklch(98.79% 0.0133 196.73) 49.2%, oklch(98.73% 0.0118 207.79) 50.8%, oklch(98.25% 0.0123 219.31) 52.4%, oklch(97.41% 0.0151 231.29) 54.0%, oklch(96.25% 0.0193 243.60) 55.6%, oklch(94.81% 0.0250 256.13) 57.1%, oklch(93.15% 0.0326 268.76) 58.7%, oklch(91.29% 0.0429 281.36) 60.3%, oklch(89.29% 0.0576 293.81) 61.9%, oklch(87.18% 0.0796 306.01) 63.5%, oklch(85.02% 0.1130 317.81) 65.1%, oklch(82.84% 0.1251 329.13) 66.7%, oklch(80.68% 0.1366 339.83) 68.3%, oklch(78.60% 0.1470 349.79) 69.8%, oklch(76.63% 0.1524 358.89) 71.4%, oklch(74.81% 0.1590 7.02) 73.0%, oklch(73.20% 0.1673 14.05) 74.6%, oklch(71.75% 0.1737 19.91) 76.2%, oklch(70.29% 0.1763 24.69) 77.8%, oklch(68.83% 0.1777 28.50) 79.4%, oklch(67.36% 0.1780 31.43) 81.0%, oklch(65.91% 0.1773 33.59) 82.5%, oklch(64.48% 0.1759 35.08) 84.1%, oklch(63.09% 0.1738 36.01) 85.7%, oklch(61.73% 0.1713 36.47) 87.3%, oklch(60.43% 0.1684 36.57) 88.9%, oklch(59.18% 0.1654 36.40) 90.5%, oklch(58.01% 0.1623 36.09) 92.1%, oklch(56.92% 0.1593 35.71) 93.7%, oklch(55.92% 0.1566 35.38) 95.2%, oklch(55.01% 0.1543 35.21) 96.8%, oklch(54.22% 0.1526 35.28) 98.4%, oklch(53.54% 0.1516 35.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.925 | 0.072 | 114.6 |
| 2 | 0.752 | 0.043 | 31.1 |
| 3 | 0.988 | 0.015 | 202.3 |
| 4 | 0.728 | 0.171 | 375.6 |
| 5 | 0.535 | 0.152 | 395.7 |

## In these collections

- [Light mode color palette](https://grabient.com/light-mode-color-palette)

## Other forms

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