# Olive pewter fig diagonal

Gray, brown, blue and mauve linear gradient with 48 colors: #a6c795, #a1bd8c, #99b082, #8fa177, #83916a, #77805e, #6a6e51, #5c5e46, #504f3b, #454232, #3c3729, #352f23, #32291e, #32251b, #34231a, #39211c, #3f2022, #44212c, #48233a, #4a274b, #482d5b, #43346b, #3b3c76, #30437e, #234a81, #135181, #00577e, #005d7a, #006277, #146773, #256a70, #336d6f, #3f6f6f, #487170, #4e7372, #537575, #56777a, #58797f, #5a7986, #5f798e, #667894, #717597, #7d7297, #8a6f93, #946c8b, #9d6b81, #a26a78, #a56b70. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, brown, blue and mauve linear gradient
- Seed: `kWyThgJQg47OlK3EjjgyxvUw`
- Page: https://grabient.com/kWyThgJQg47OlK3EjjgyxvUw?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, muted, multicolor
- Hues: triadic
- Contrast of its darkest and lightest colors: 7.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 | `#a6c795` | `oklch(79.13% 0.0772 135.00)` | Gingko | black, 11.1 to 1 |
| 2 | `#a1bd8c` | `oklch(76.46% 0.0740 132.45)` | Gaia Stone | black, 10.1 to 1 |
| 3 | `#99b082` | `oklch(72.81% 0.0694 129.77)` | Foliage | black, 8.9 to 1 |
| 4 | `#8fa177` | `oklch(68.42% 0.0637 126.85)` | Broccoflower | black, 7.5 to 1 |
| 5 | `#83916a` | `oklch(63.47% 0.0573 123.60)` | Green Coconut | black, 6.2 to 1 |
| 6 | `#77805e` | `oklch(58.17% 0.0506 119.91)` | Grape Vine | black, 5 to 1 |
| 7 | `#6a6e51` | `oklch(52.74% 0.0438 115.68)` | Global Green | white, 5.2 to 1 |
| 8 | `#5c5e46` | `oklch(47.37% 0.0373 110.81)` | Tree of Life | white, 6.6 to 1 |
| 9 | `#504f3b` | `oklch(42.28% 0.0316 105.20)` | Kelp | white, 8.3 to 1 |
| 10 | `#454232` | `oklch(37.67% 0.0268 98.75)` | Vermilion Green | white, 10.1 to 1 |
| 11 | `#3c3729` | `oklch(33.74% 0.0235 91.35)` | Birch | white, 11.8 to 1 |
| 12 | `#352f23` | `oklch(30.70% 0.0219 82.90)` | Coffee Bean | white, 13.3 to 1 |
| 13 | `#32291e` | `oklch(28.75% 0.0224 73.27)` | Cocoa Brown | white, 14.2 to 1 |
| 14 | `#32251b` | `oklch(27.73% 0.0255 61.69)` | Wood Bark | white, 14.7 to 1 |
| 15 | `#34231a` | `oklch(27.45% 0.0310 48.18)` | Wetlands Swamp | white, 14.9 to 1 |
| 16 | `#39211c` | `oklch(27.79% 0.0383 33.16)` | Scorched | white, 14.8 to 1 |
| 17 | `#3f2022` | `oklch(28.66% 0.0470 17.05)` | Temptress | white, 14.5 to 1 |
| 18 | `#44212c` | `oklch(29.93% 0.0564 0.24)` | Piermont Stone Red | white, 14 to 1 |
| 19 | `#48233a` | `oklch(31.50% 0.0662 343.15)` | Juice Violet | white, 13.3 to 1 |
| 20 | `#4a274b` | `oklch(33.26% 0.0757 326.19)` | Murasaki | white, 12.5 to 1 |
| 21 | `#482d5b` | `oklch(35.09% 0.0845 309.78)` | Scarlet Gum | white, 11.6 to 1 |
| 22 | `#43346b` | `oklch(36.90% 0.0920 294.32)` | Minsk | white, 10.8 to 1 |
| 23 | `#3b3c76` | `oklch(38.56% 0.0978 280.21)` | Torea Bay | white, 10 to 1 |
| 24 | `#30437e` | `oklch(39.97% 0.1012 267.89)` | Sodalite Blue | white, 9.3 to 1 |
| 25 | `#234a81` | `oklch(41.09% 0.1020 257.41)` | Florida Waters | white, 8.8 to 1 |
| 26 | `#135181` | `oklch(42.22% 0.1001 247.19)` | Lake Baikal | white, 8.3 to 1 |
| 27 | `#00577e` | `oklch(43.42% 0.0951 237.19)` | Real Mccoy | white, 7.8 to 1 |
| 28 | `#005d7a` | `oklch(44.66% 0.0867 227.58)` | Blue Edge | white, 7.3 to 1 |
| 29 | `#006277` | `oklch(45.91% 0.0828 218.64)` | Jamaican Dream | white, 6.9 to 1 |
| 30 | `#146773` | `oklch(47.17% 0.0759 210.61)` | Kingfisher Bright | white, 6.5 to 1 |
| 31 | `#256a70` | `oklch(48.41% 0.0679 203.77)` | Peacock Plume | white, 6.2 to 1 |
| 32 | `#336d6f` | `oklch(49.62% 0.0601 198.36)` | Aquarium | white, 5.9 to 1 |
| 33 | `#3f6f6f` | `oklch(50.78% 0.0528 194.62)` | Farrago | white, 5.6 to 1 |
| 34 | `#487170` | `oklch(51.86% 0.0465 192.80)` | Sinkhole | white, 5.4 to 1 |
| 35 | `#4e7372` | `oklch(52.85% 0.0418 193.14)` | Rogue Waters | white, 5.2 to 1 |
| 36 | `#537575` | `oklch(53.74% 0.0389 195.90)` | Sagebrush Green | white, 5 to 1 |
| 37 | `#56777a` | `oklch(54.50% 0.0382 201.83)` | Blue Sage | white, 4.8 to 1 |
| 38 | `#58797f` | `oklch(55.19% 0.0390 211.89)` | Blue-Eyed Cryptid | white, 4.7 to 1 |
| 39 | `#5a7986` | `oklch(55.81% 0.0412 225.39)` | Ocean Shadow | white, 4.6 to 1 |
| 40 | `#5f798e` | `oklch(56.36% 0.0443 241.54)` | Mahonia Berry Blue | black, 4.6 to 1 |
| 41 | `#667894` | `oklch(56.85% 0.0482 259.57)` | Noble Blue | black, 4.6 to 1 |
| 42 | `#717597` | `oklch(57.28% 0.0526 278.71)` | Velvet Morning | black, 4.7 to 1 |
| 43 | `#7d7297` | `oklch(57.67% 0.0573 298.18)` | Purple Haze | black, 4.7 to 1 |
| 44 | `#8a6f93` | `oklch(58.01% 0.0620 317.22)` | Greyish Purple | black, 4.7 to 1 |
| 45 | `#946c8b` | `oklch(58.31% 0.0665 335.04)` | Sophisticated Lilac | black, 4.7 to 1 |
| 46 | `#9d6b81` | `oklch(58.58% 0.0704 350.87)` | Penelope Pink | black, 4.8 to 1 |
| 47 | `#a26a78` | `oklch(58.83% 0.0736 3.94)` | High Country Rose | black, 4.8 to 1 |
| 48 | `#a56b70` | `oklch(59.06% 0.0758 13.47)` | Delhi Spice | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a6c795 0.0%, #a1bd8c 2.1%, #99b082 4.3%, #8fa177 6.4%, #83916a 8.5%, #77805e 10.6%, #6a6e51 12.8%, #5c5e46 14.9%, #504f3b 17.0%, #454232 19.1%, #3c3729 21.3%, #352f23 23.4%, #32291e 25.5%, #32251b 27.7%, #34231a 29.8%, #39211c 31.9%, #3f2022 34.0%, #44212c 36.2%, #48233a 38.3%, #4a274b 40.4%, #482d5b 42.6%, #43346b 44.7%, #3b3c76 46.8%, #30437e 48.9%, #234a81 51.1%, #135181 53.2%, #00577e 55.3%, #005d7a 57.4%, #006277 59.6%, #146773 61.7%, #256a70 63.8%, #336d6f 66.0%, #3f6f6f 68.1%, #487170 70.2%, #4e7372 72.3%, #537575 74.5%, #56777a 76.6%, #58797f 78.7%, #5a7986 80.9%, #5f798e 83.0%, #667894 85.1%, #717597 87.2%, #7d7297 89.4%, #8a6f93 91.5%, #946c8b 93.6%, #9d6b81 95.7%, #a26a78 97.9%, #a56b70 100.0%);
background: linear-gradient(135deg in oklch, oklch(79.13% 0.0772 135.00) 0.0%, oklch(76.46% 0.0740 132.45) 2.1%, oklch(72.81% 0.0694 129.77) 4.3%, oklch(68.42% 0.0637 126.85) 6.4%, oklch(63.47% 0.0573 123.60) 8.5%, oklch(58.17% 0.0506 119.91) 10.6%, oklch(52.74% 0.0438 115.68) 12.8%, oklch(47.37% 0.0373 110.81) 14.9%, oklch(42.28% 0.0316 105.20) 17.0%, oklch(37.67% 0.0268 98.75) 19.1%, oklch(33.74% 0.0235 91.35) 21.3%, oklch(30.70% 0.0219 82.90) 23.4%, oklch(28.75% 0.0224 73.27) 25.5%, oklch(27.73% 0.0255 61.69) 27.7%, oklch(27.45% 0.0310 48.18) 29.8%, oklch(27.79% 0.0383 33.16) 31.9%, oklch(28.66% 0.0470 17.05) 34.0%, oklch(29.93% 0.0564 0.24) 36.2%, oklch(31.50% 0.0662 343.15) 38.3%, oklch(33.26% 0.0757 326.19) 40.4%, oklch(35.09% 0.0845 309.78) 42.6%, oklch(36.90% 0.0920 294.32) 44.7%, oklch(38.56% 0.0978 280.21) 46.8%, oklch(39.97% 0.1012 267.89) 48.9%, oklch(41.09% 0.1020 257.41) 51.1%, oklch(42.22% 0.1001 247.19) 53.2%, oklch(43.42% 0.0951 237.19) 55.3%, oklch(44.66% 0.0867 227.58) 57.4%, oklch(45.91% 0.0828 218.64) 59.6%, oklch(47.17% 0.0759 210.61) 61.7%, oklch(48.41% 0.0679 203.77) 63.8%, oklch(49.62% 0.0601 198.36) 66.0%, oklch(50.78% 0.0528 194.62) 68.1%, oklch(51.86% 0.0465 192.80) 70.2%, oklch(52.85% 0.0418 193.14) 72.3%, oklch(53.74% 0.0389 195.90) 74.5%, oklch(54.50% 0.0382 201.83) 76.6%, oklch(55.19% 0.0390 211.89) 78.7%, oklch(55.81% 0.0412 225.39) 80.9%, oklch(56.36% 0.0443 241.54) 83.0%, oklch(56.85% 0.0482 259.57) 85.1%, oklch(57.28% 0.0526 278.71) 87.2%, oklch(57.67% 0.0573 298.18) 89.4%, oklch(58.01% 0.0620 317.22) 91.5%, oklch(58.31% 0.0665 335.04) 93.6%, oklch(58.58% 0.0704 350.87) 95.7%, oklch(58.83% 0.0736 3.94) 97.9%, oklch(59.06% 0.0758 13.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.077 | 135 |
| 2 | 0.291 | 0.022 | 75.8 |
| 3 | 0.406 | 0.102 | -97.5 |
| 4 | 0.539 | 0.039 | -163 |
| 5 | 0.591 | 0.076 | 13.5 |

## In these collections

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

## Other forms

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