# Olive cream fig diagonal

Muted rainbow from green to tan linear gradient with 64 colors: #3b5d1e, #375d20, #335c22, #2d5c24, #275b27, #205a29, #16592b, #07582e, #005532, #005335, #005038, #004d3a, #004b3c, #00483d, #00453d, #00433e, #00403e, #003e3f, #003b3f, #00393f, #003740, #003641, #003442, #003243, #003145, #003047, #002f4b, #002e4f, #002c56, #022a5d, #0f2a5e, #182a60, #202a62, #272b63, #2f2c65, #372d67, #3f2f69, #47326b, #4f356c, #58386e, #613c6f, #6a4070, #744471, #7d4972, #864e72, #8f5473, #985a73, #a06074, #a86775, #b06e76, #b77577, #be7d78, #c4847a, #ca8c7c, #d0947e, #d49b81, #d9a283, #dda987, #e0b08a, #e3b68d, #e5bc90, #e7c194, #e9c697, #eaca99. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted rainbow from green to tan linear gradient
- Seed: `kSb0hepyRQGya08`
- Page: https://grabient.com/kSb0hepyRQGya08?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark center, rainbow
- Hues: tetradic
- Contrast of its darkest and lightest colors: 8.9 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 | `#3b5d1e` | `oklch(43.70% 0.0992 132.89)` | Bright Nori | white, 7.5 to 1 |
| 2 | `#375d20` | `oklch(43.45% 0.0992 135.17)` | Bright Nori | white, 7.6 to 1 |
| 3 | `#335c22` | `oklch(43.11% 0.0993 137.69)` | Bright Nori | white, 7.7 to 1 |
| 4 | `#2d5c24` | `oklch(42.69% 0.0993 140.43)` | Bright Nori | white, 7.8 to 1 |
| 5 | `#275b27` | `oklch(42.20% 0.0994 143.38)` | Bright Nori | white, 8 to 1 |
| 6 | `#205a29` | `oklch(41.65% 0.0995 146.54)` | Crusoe | white, 8.2 to 1 |
| 7 | `#16592b` | `oklch(41.04% 0.0996 149.88)` | Crusoe | white, 8.4 to 1 |
| 8 | `#07582e` | `oklch(40.39% 0.0997 153.41)` | Caliban Green | white, 8.6 to 1 |
| 9 | `#005532` | `oklch(39.70% 0.0944 157.08)` | Permanent Green | white, 8.9 to 1 |
| 10 | `#005335` | `oklch(38.97% 0.0868 160.94)` | Permanent Green | white, 9.2 to 1 |
| 11 | `#005038` | `oklch(38.21% 0.0804 164.96)` | Chrysocolla Dark Green | white, 9.5 to 1 |
| 12 | `#004d3a` | `oklch(37.44% 0.0748 169.12)` | Raspberry Leaf Green | white, 9.8 to 1 |
| 13 | `#004b3c` | `oklch(36.66% 0.0701 173.42)` | Aqua Deep | white, 10.2 to 1 |
| 14 | `#00483d` | `oklch(35.88% 0.0661 177.83)` | Tropical Forest | white, 10.5 to 1 |
| 15 | `#00453d` | `oklch(35.11% 0.0628 182.37)` | MSU Green | white, 10.9 to 1 |
| 16 | `#00433e` | `oklch(34.35% 0.0600 187.00)` | Warm Black | white, 11.2 to 1 |
| 17 | `#00403e` | `oklch(33.61% 0.0577 191.74)` | Rich Black | white, 11.6 to 1 |
| 18 | `#003e3f` | `oklch(32.90% 0.0560 196.55)` | Rich Black | white, 11.9 to 1 |
| 19 | `#003b3f` | `oklch(32.23% 0.0548 201.44)` | Ghostlands Coal | white, 12.2 to 1 |
| 20 | `#00393f` | `oklch(31.60% 0.0541 206.40)` | Natural Indigo | white, 12.6 to 1 |
| 21 | `#003740` | `oklch(31.03% 0.0539 211.40)` | Natural Indigo | white, 12.9 to 1 |
| 22 | `#003641` | `oklch(30.51% 0.0543 216.45)` | Natural Indigo | white, 13.1 to 1 |
| 23 | `#003442` | `oklch(30.07% 0.0554 221.53)` | Nordic Noir | white, 13.4 to 1 |
| 24 | `#003243` | `oklch(29.70% 0.0571 226.63)` | Nordic Noir | white, 13.6 to 1 |
| 25 | `#003145` | `oklch(29.41% 0.0598 231.74)` | Cosmos Blue | white, 13.7 to 1 |
| 26 | `#003047` | `oklch(29.22% 0.0636 236.84)` | Cosmos Blue | white, 13.8 to 1 |
| 27 | `#002f4b` | `oklch(29.12% 0.0690 241.94)` | Cosmos Blue | white, 13.9 to 1 |
| 28 | `#002e4f` | `oklch(29.14% 0.0766 247.01)` | Indigo Black | white, 14 to 1 |
| 29 | `#002c56` | `oklch(29.26% 0.0877 252.04)` | Dark Tyrian Blue | white, 14 to 1 |
| 30 | `#022a5d` | `oklch(29.50% 0.1001 256.93)` | Blue Leviathan | white, 14 to 1 |
| 31 | `#0f2a5e` | `oklch(29.88% 0.0998 261.89)` | Blue Leviathan | white, 13.8 to 1 |
| 32 | `#182a60` | `oklch(30.40% 0.0994 266.79)` | Schiava Blue | white, 13.6 to 1 |
| 33 | `#202a62` | `oklch(31.06% 0.0990 271.66)` | Schiava Blue | white, 13.4 to 1 |
| 34 | `#272b63` | `oklch(31.91% 0.0985 276.71)` | Deep Breath | white, 13 to 1 |
| 35 | `#2f2c65` | `oklch(32.93% 0.0979 281.97)` | Paris M | white, 12.6 to 1 |
| 36 | `#372d67` | `oklch(34.12% 0.0973 287.41)` | Deep Koamaru | white, 12 to 1 |
| 37 | `#3f2f69` | `oklch(35.45% 0.0966 293.02)` | Minsk | white, 11.5 to 1 |
| 38 | `#47326b` | `oklch(36.92% 0.0959 298.78)` | Abra Purple | white, 10.8 to 1 |
| 39 | `#4f356c` | `oklch(38.52% 0.0951 304.66)` | Petunia | white, 10.2 to 1 |
| 40 | `#58386e` | `oklch(40.24% 0.0942 310.65)` | Purple Protégé | white, 9.5 to 1 |
| 41 | `#613c6f` | `oklch(42.06% 0.0933 316.74)` | Heartless | white, 8.8 to 1 |
| 42 | `#6a4070` | `oklch(43.97% 0.0924 322.89)` | Majesty | white, 8.1 to 1 |
| 43 | `#744471` | `oklch(45.96% 0.0915 329.09)` | Wood Violet | white, 7.4 to 1 |
| 44 | `#7d4972` | `oklch(48.02% 0.0905 335.33)` | Magic Magenta | white, 6.8 to 1 |
| 45 | `#864e72` | `oklch(50.14% 0.0895 341.58)` | Purple Davenport | white, 6.2 to 1 |
| 46 | `#8f5473` | `oklch(52.30% 0.0885 347.82)` | Queen’s Honour | white, 5.7 to 1 |
| 47 | `#985a73` | `oklch(54.49% 0.0874 354.04)` | Pink Tulip | white, 5.2 to 1 |
| 48 | `#a06074` | `oklch(56.70% 0.0864 0.21)` | Jugendstil Pink | white, 4.7 to 1 |
| 49 | `#a86775` | `oklch(58.93% 0.0853 6.32)` | Berry Crush | black, 4.8 to 1 |
| 50 | `#b06e76` | `oklch(61.15% 0.0843 12.34)` | Dusty Rose | black, 5.3 to 1 |
| 51 | `#b77577` | `oklch(63.36% 0.0833 18.27)` | Precious Garnet | black, 5.8 to 1 |
| 52 | `#be7d78` | `oklch(65.54% 0.0823 24.07)` | Brownish Pink | black, 6.3 to 1 |
| 53 | `#c4847a` | `oklch(67.68% 0.0813 29.73)` | Luscious Lobster | black, 6.9 to 1 |
| 54 | `#ca8c7c` | `oklch(69.78% 0.0803 35.23)` | Rose de Mai | black, 7.5 to 1 |
| 55 | `#d0947e` | `oklch(71.81% 0.0794 40.55)` | Tint of Earth | black, 8.1 to 1 |
| 56 | `#d49b81` | `oklch(73.77% 0.0785 45.67)` | Dusty Coral | black, 8.8 to 1 |
| 57 | `#d9a283` | `oklch(75.65% 0.0776 50.58)` | Windswept Canyon | black, 9.4 to 1 |
| 58 | `#dda987` | `oklch(77.43% 0.0768 55.25)` | Lunatic Lynx | black, 10 to 1 |
| 59 | `#e0b08a` | `oklch(79.10% 0.0760 59.67)` | Boot Hill Ghost | black, 10.7 to 1 |
| 60 | `#e3b68d` | `oklch(80.66% 0.0753 63.81)` | Southern Peach | black, 11.3 to 1 |
| 61 | `#e5bc90` | `oklch(82.08% 0.0746 67.65)` | Gold Plate | black, 11.9 to 1 |
| 62 | `#e7c194` | `oklch(83.35% 0.0740 71.19)` | Apple Turnover | black, 12.4 to 1 |
| 63 | `#e9c697` | `oklch(84.48% 0.0735 74.39)` | Electrum | black, 12.9 to 1 |
| 64 | `#eaca99` | `oklch(85.43% 0.0730 77.24)` | Filtered Moon | black, 13.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #3b5d1e 0.0%, #375d20 1.6%, #335c22 3.2%, #2d5c24 4.8%, #275b27 6.3%, #205a29 7.9%, #16592b 9.5%, #07582e 11.1%, #005532 12.7%, #005335 14.3%, #005038 15.9%, #004d3a 17.5%, #004b3c 19.0%, #00483d 20.6%, #00453d 22.2%, #00433e 23.8%, #00403e 25.4%, #003e3f 27.0%, #003b3f 28.6%, #00393f 30.2%, #003740 31.7%, #003641 33.3%, #003442 34.9%, #003243 36.5%, #003145 38.1%, #003047 39.7%, #002f4b 41.3%, #002e4f 42.9%, #002c56 44.4%, #022a5d 46.0%, #0f2a5e 47.6%, #182a60 49.2%, #202a62 50.8%, #272b63 52.4%, #2f2c65 54.0%, #372d67 55.6%, #3f2f69 57.1%, #47326b 58.7%, #4f356c 60.3%, #58386e 61.9%, #613c6f 63.5%, #6a4070 65.1%, #744471 66.7%, #7d4972 68.3%, #864e72 69.8%, #8f5473 71.4%, #985a73 73.0%, #a06074 74.6%, #a86775 76.2%, #b06e76 77.8%, #b77577 79.4%, #be7d78 81.0%, #c4847a 82.5%, #ca8c7c 84.1%, #d0947e 85.7%, #d49b81 87.3%, #d9a283 88.9%, #dda987 90.5%, #e0b08a 92.1%, #e3b68d 93.7%, #e5bc90 95.2%, #e7c194 96.8%, #e9c697 98.4%, #eaca99 100.0%);
background: linear-gradient(225deg in oklch, oklch(43.70% 0.0992 132.89) 0.0%, oklch(43.45% 0.0992 135.17) 1.6%, oklch(43.11% 0.0993 137.69) 3.2%, oklch(42.69% 0.0993 140.43) 4.8%, oklch(42.20% 0.0994 143.38) 6.3%, oklch(41.65% 0.0995 146.54) 7.9%, oklch(41.04% 0.0996 149.88) 9.5%, oklch(40.39% 0.0997 153.41) 11.1%, oklch(39.70% 0.0944 157.08) 12.7%, oklch(38.97% 0.0868 160.94) 14.3%, oklch(38.21% 0.0804 164.96) 15.9%, oklch(37.44% 0.0748 169.12) 17.5%, oklch(36.66% 0.0701 173.42) 19.0%, oklch(35.88% 0.0661 177.83) 20.6%, oklch(35.11% 0.0628 182.37) 22.2%, oklch(34.35% 0.0600 187.00) 23.8%, oklch(33.61% 0.0577 191.74) 25.4%, oklch(32.90% 0.0560 196.55) 27.0%, oklch(32.23% 0.0548 201.44) 28.6%, oklch(31.60% 0.0541 206.40) 30.2%, oklch(31.03% 0.0539 211.40) 31.7%, oklch(30.51% 0.0543 216.45) 33.3%, oklch(30.07% 0.0554 221.53) 34.9%, oklch(29.70% 0.0571 226.63) 36.5%, oklch(29.41% 0.0598 231.74) 38.1%, oklch(29.22% 0.0636 236.84) 39.7%, oklch(29.12% 0.0690 241.94) 41.3%, oklch(29.14% 0.0766 247.01) 42.9%, oklch(29.26% 0.0877 252.04) 44.4%, oklch(29.50% 0.1001 256.93) 46.0%, oklch(29.88% 0.0998 261.89) 47.6%, oklch(30.40% 0.0994 266.79) 49.2%, oklch(31.06% 0.0990 271.66) 50.8%, oklch(31.91% 0.0985 276.71) 52.4%, oklch(32.93% 0.0979 281.97) 54.0%, oklch(34.12% 0.0973 287.41) 55.6%, oklch(35.45% 0.0966 293.02) 57.1%, oklch(36.92% 0.0959 298.78) 58.7%, oklch(38.52% 0.0951 304.66) 60.3%, oklch(40.24% 0.0942 310.65) 61.9%, oklch(42.06% 0.0933 316.74) 63.5%, oklch(43.97% 0.0924 322.89) 65.1%, oklch(45.96% 0.0915 329.09) 66.7%, oklch(48.02% 0.0905 335.33) 68.3%, oklch(50.14% 0.0895 341.58) 69.8%, oklch(52.30% 0.0885 347.82) 71.4%, oklch(54.49% 0.0874 354.04) 73.0%, oklch(56.70% 0.0864 0.21) 74.6%, oklch(58.93% 0.0853 6.32) 76.2%, oklch(61.15% 0.0843 12.34) 77.8%, oklch(63.36% 0.0833 18.27) 79.4%, oklch(65.54% 0.0823 24.07) 81.0%, oklch(67.68% 0.0813 29.73) 82.5%, oklch(69.78% 0.0803 35.23) 84.1%, oklch(71.81% 0.0794 40.55) 85.7%, oklch(73.77% 0.0785 45.67) 87.3%, oklch(75.65% 0.0776 50.58) 88.9%, oklch(77.43% 0.0768 55.25) 90.5%, oklch(79.10% 0.0760 59.67) 92.1%, oklch(80.66% 0.0753 63.81) 93.7%, oklch(82.08% 0.0746 67.65) 95.2%, oklch(83.35% 0.0740 71.19) 96.8%, oklch(84.48% 0.0735 74.39) 98.4%, oklch(85.43% 0.0730 77.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.437 | 0.099 | 132.9 |
| 2 | 0.307 | 0.099 | 269.2 |
| 3 | 0.854 | 0.073 | 437.2 |

## In these collections

- [Olive grove wedding dinner](https://grabient.com/olive-grove-wedding-dinner)

## Other forms

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