# Patina, Rust and Olive

Teal, maroon, brown and olive linear gradient with 48 colors: #61b5ab, #61b3a5, #62b19e, #63ae95, #66aa8a, #6aa67f, #70a172, #769c66, #7d9559, #838e4d, #898742, #8f7f39, #937732, #966f2f, #98672f, #995f32, #995936, #97533b, #954e40, #924945, #8f4649, #8c434c, #89414e, #873f50, #863f50, #853e4f, #843e4e, #843f4c, #853f49, #854146, #864342, #86453e, #86483a, #864b36, #854e32, #845230, #83572e, #805b2d, #7e5f2e, #7b6331, #786734, #756b38, #716e3d, #6e7141, #6c7346, #69754a, #67774d, #667850. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, maroon, brown and olive linear gradient
- Seed: `kStjyEuyQqsWXTk`
- Page: https://grabient.com/kStjyEuyQqsWXTk?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.1 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 | `#61b5ab` | `oklch(71.65% 0.0827 186.33)` | Veranda Blue | black, 8.6 to 1 |
| 2 | `#61b3a5` | `oklch(71.04% 0.0831 181.93)` | Artesian Well | black, 8.4 to 1 |
| 3 | `#62b19e` | `oklch(70.30% 0.0837 176.44)` | Green Crush | black, 8.2 to 1 |
| 4 | `#63ae95` | `oklch(69.42% 0.0844 169.98)` | Dublin Jack | black, 8 to 1 |
| 5 | `#66aa8a` | `oklch(68.44% 0.0852 162.66)` | Artemesia Green | black, 7.7 to 1 |
| 6 | `#6aa67f` | `oklch(67.36% 0.0860 154.58)` | Primavera | black, 7.3 to 1 |
| 7 | `#70a172` | `oklch(66.19% 0.0870 145.87)` | Growth | black, 7 to 1 |
| 8 | `#769c66` | `oklch(64.96% 0.0880 136.62)` | Blackthorn Green | black, 6.6 to 1 |
| 9 | `#7d9559` | `oklch(63.66% 0.0891 126.96)` | Vegetarian Veteran | black, 6.3 to 1 |
| 10 | `#838e4d` | `oklch(62.33% 0.0902 117.00)` | Camo | black, 5.9 to 1 |
| 11 | `#898742` | `oklch(60.96% 0.0913 106.83)` | Overgrown Citadel | black, 5.6 to 1 |
| 12 | `#8f7f39` | `oklch(59.58% 0.0924 96.58)` | Peas Please | black, 5.2 to 1 |
| 13 | `#937732` | `oklch(58.19% 0.0935 86.36)` | Cardueline Finch | black, 4.9 to 1 |
| 14 | `#966f2f` | `oklch(56.82% 0.0945 76.28)` | Mulberry Brown | black, 4.6 to 1 |
| 15 | `#98672f` | `oklch(55.47% 0.0955 66.44)` | Woodgrain | white, 4.8 to 1 |
| 16 | `#995f32` | `oklch(54.16% 0.0964 56.97)` | Gingerbread Crumble | white, 5.1 to 1 |
| 17 | `#995936` | `oklch(52.90% 0.0972 47.97)` | Cinnamon Sparkle | white, 5.5 to 1 |
| 18 | `#97533b` | `oklch(51.70% 0.0980 39.54)` | Tropical Nut | white, 5.8 to 1 |
| 19 | `#954e40` | `oklch(50.58% 0.0986 31.82)` | New Brick | white, 6.1 to 1 |
| 20 | `#924945` | `oklch(49.56% 0.0991 24.89)` | Cowhide | white, 6.4 to 1 |
| 21 | `#8f4649` | `oklch(48.64% 0.0994 18.89)` | Rhubarb Smoothie | white, 6.6 to 1 |
| 22 | `#8c434c` | `oklch(47.84% 0.0996 13.91)` | Silk Satin | white, 6.9 to 1 |
| 23 | `#89414e` | `oklch(47.18% 0.0996 10.07)` | Liaison | white, 7.1 to 1 |
| 24 | `#873f50` | `oklch(46.66% 0.0994 7.47)` | Sugar Beet | white, 7.3 to 1 |
| 25 | `#863f50` | `oklch(46.29% 0.0990 6.22)` | Sugar Beet | white, 7.4 to 1 |
| 26 | `#853e4f` | `oklch(46.06% 0.0983 6.25)` | Sugar Beet | white, 7.5 to 1 |
| 27 | `#843e4e` | `oklch(45.96% 0.0974 7.43)` | Sugar Beet | white, 7.5 to 1 |
| 28 | `#843f4c` | `oklch(45.96% 0.0964 9.68)` | Burnt Russet | white, 7.5 to 1 |
| 29 | `#853f49` | `oklch(46.07% 0.0951 12.90)` | Burnt Russet | white, 7.4 to 1 |
| 30 | `#854146` | `oklch(46.27% 0.0937 16.99)` | Cordovan | white, 7.4 to 1 |
| 31 | `#864342` | `oklch(46.55% 0.0921 21.86)` | Aged Brandy | white, 7.2 to 1 |
| 32 | `#86453e` | `oklch(46.91% 0.0904 27.40)` | Spiced Berry | white, 7.1 to 1 |
| 33 | `#86483a` | `oklch(47.33% 0.0886 33.52)` | Burning Brier | white, 7 to 1 |
| 34 | `#864b36` | `oklch(47.80% 0.0867 40.12)` | Paarl | white, 6.8 to 1 |
| 35 | `#854e32` | `oklch(48.32% 0.0848 47.10)` | Chestnut Glaze | white, 6.6 to 1 |
| 36 | `#845230` | `oklch(48.87% 0.0828 54.37)` | Lion’s Lair | white, 6.4 to 1 |
| 37 | `#83572e` | `oklch(49.45% 0.0808 61.82)` | Football | white, 6.2 to 1 |
| 38 | `#805b2d` | `oklch(50.05% 0.0788 69.36)` | Hot Curry | white, 6 to 1 |
| 39 | `#7e5f2e` | `oklch(50.65% 0.0769 76.90)` | Bronze Brown | white, 5.8 to 1 |
| 40 | `#7b6331` | `oklch(51.24% 0.0749 84.32)` | Twig Basket | white, 5.7 to 1 |
| 41 | `#786734` | `oklch(51.83% 0.0731 91.55)` | Racoon Eyes | white, 5.5 to 1 |
| 42 | `#756b38` | `oklch(52.39% 0.0713 98.47)` | Racoon Eyes | white, 5.3 to 1 |
| 43 | `#716e3d` | `oklch(52.91% 0.0696 105.00)` | Trough Shell | white, 5.2 to 1 |
| 44 | `#6e7141` | `oklch(53.40% 0.0680 111.02)` | Wild Jungle | white, 5.1 to 1 |
| 45 | `#6c7346` | `oklch(53.83% 0.0666 116.45)` | Oakmoss | white, 5 to 1 |
| 46 | `#69754a` | `oklch(54.20% 0.0653 121.19)` | Dill Pickle | white, 4.9 to 1 |
| 47 | `#67774d` | `oklch(54.50% 0.0643 125.14)` | Dill Pickle | white, 4.8 to 1 |
| 48 | `#667850` | `oklch(54.72% 0.0634 128.21)` | Garden Club | white, 4.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #61b5ab 0.0%, #61b3a5 2.1%, #62b19e 4.3%, #63ae95 6.4%, #66aa8a 8.5%, #6aa67f 10.6%, #70a172 12.8%, #769c66 14.9%, #7d9559 17.0%, #838e4d 19.1%, #898742 21.3%, #8f7f39 23.4%, #937732 25.5%, #966f2f 27.7%, #98672f 29.8%, #995f32 31.9%, #995936 34.0%, #97533b 36.2%, #954e40 38.3%, #924945 40.4%, #8f4649 42.6%, #8c434c 44.7%, #89414e 46.8%, #873f50 48.9%, #863f50 51.1%, #853e4f 53.2%, #843e4e 55.3%, #843f4c 57.4%, #853f49 59.6%, #854146 61.7%, #864342 63.8%, #86453e 66.0%, #86483a 68.1%, #864b36 70.2%, #854e32 72.3%, #845230 74.5%, #83572e 76.6%, #805b2d 78.7%, #7e5f2e 80.9%, #7b6331 83.0%, #786734 85.1%, #756b38 87.2%, #716e3d 89.4%, #6e7141 91.5%, #6c7346 93.6%, #69754a 95.7%, #67774d 97.9%, #667850 100.0%);
background: linear-gradient(45deg in oklch, oklch(71.65% 0.0827 186.33) 0.0%, oklch(71.04% 0.0831 181.93) 2.1%, oklch(70.30% 0.0837 176.44) 4.3%, oklch(69.42% 0.0844 169.98) 6.4%, oklch(68.44% 0.0852 162.66) 8.5%, oklch(67.36% 0.0860 154.58) 10.6%, oklch(66.19% 0.0870 145.87) 12.8%, oklch(64.96% 0.0880 136.62) 14.9%, oklch(63.66% 0.0891 126.96) 17.0%, oklch(62.33% 0.0902 117.00) 19.1%, oklch(60.96% 0.0913 106.83) 21.3%, oklch(59.58% 0.0924 96.58) 23.4%, oklch(58.19% 0.0935 86.36) 25.5%, oklch(56.82% 0.0945 76.28) 27.7%, oklch(55.47% 0.0955 66.44) 29.8%, oklch(54.16% 0.0964 56.97) 31.9%, oklch(52.90% 0.0972 47.97) 34.0%, oklch(51.70% 0.0980 39.54) 36.2%, oklch(50.58% 0.0986 31.82) 38.3%, oklch(49.56% 0.0991 24.89) 40.4%, oklch(48.64% 0.0994 18.89) 42.6%, oklch(47.84% 0.0996 13.91) 44.7%, oklch(47.18% 0.0996 10.07) 46.8%, oklch(46.66% 0.0994 7.47) 48.9%, oklch(46.29% 0.0990 6.22) 51.1%, oklch(46.06% 0.0983 6.25) 53.2%, oklch(45.96% 0.0974 7.43) 55.3%, oklch(45.96% 0.0964 9.68) 57.4%, oklch(46.07% 0.0951 12.90) 59.6%, oklch(46.27% 0.0937 16.99) 61.7%, oklch(46.55% 0.0921 21.86) 63.8%, oklch(46.91% 0.0904 27.40) 66.0%, oklch(47.33% 0.0886 33.52) 68.1%, oklch(47.80% 0.0867 40.12) 70.2%, oklch(48.32% 0.0848 47.10) 72.3%, oklch(48.87% 0.0828 54.37) 74.5%, oklch(49.45% 0.0808 61.82) 76.6%, oklch(50.05% 0.0788 69.36) 78.7%, oklch(50.65% 0.0769 76.90) 80.9%, oklch(51.24% 0.0749 84.32) 83.0%, oklch(51.83% 0.0731 91.55) 85.1%, oklch(52.39% 0.0713 98.47) 87.2%, oklch(52.91% 0.0696 105.00) 89.4%, oklch(53.40% 0.0680 111.02) 91.5%, oklch(53.83% 0.0666 116.45) 93.6%, oklch(54.20% 0.0653 121.19) 95.7%, oklch(54.50% 0.0643 125.14) 97.9%, oklch(54.72% 0.0634 128.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.717 | 0.083 | 186.3 |
| 2 | 0.465 | 0.099 | 6.7 |
| 3 | 0.547 | 0.063 | 128.2 |

## In these collections

- [Apple blossom orchard](https://grabient.com/apple-blossom-orchard)

## Other forms

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