# Teal, green, brown and dark purple linear gradient

Teal, green, brown and dark purple linear gradient with 32 colors: #2d8073, #358873, #449473, #5aa171, #74ad6c, #91b764, #acbc5c, #c1bb54, #ccb44e, #cba74a, #bf9548, #ac8044, #966c40, #7f593a, #6a4834, #5a3c2f, #51342b, #4b2d29, #482828, #462329, #47202d, #481f32, #4c1f37, #51203d, #5b2442, #6a2b46, #7e3549, #944149, #a95045, #bb603e, #c96f37, #d17931. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWizyAYq22S8QuSqHrl1DJII`
- Page: https://grabient.com/kWizyAYq22S8QuSqHrl1DJII?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#2d8073` | `oklch(54.72% 0.0827 180.00)` | Elegant Silk | white, 4.7 to 1 |
| 2 | `#358873` | `oklch(57.01% 0.0870 173.31)` | Ionian | black, 4.9 to 1 |
| 3 | `#449473` | `oklch(60.56% 0.0937 164.18)` | Good Luck | black, 5.7 to 1 |
| 4 | `#5aa171` | `oklch(64.81% 0.1017 153.30)` | Great Gazoo | black, 6.7 to 1 |
| 5 | `#74ad6c` | `oklch(69.22% 0.1100 141.35)` | Alfalfa Bug | black, 7.9 to 1 |
| 6 | `#91b764` | `oklch(73.21% 0.1176 129.01)` | Cold Spring | black, 9.1 to 1 |
| 7 | `#acbc5c` | `oklch(76.24% 0.1232 116.97)` | Middle Green Yellow | black, 10.1 to 1 |
| 8 | `#c1bb54` | `oklch(77.75% 0.1259 105.89)` | Parachute | black, 10.5 to 1 |
| 9 | `#ccb44e` | `oklch(77.19% 0.1246 96.42)` | Gold Gleam | black, 10.2 to 1 |
| 10 | `#cba74a` | `oklch(74.21% 0.1182 88.02)` | Grandiose | black, 9.1 to 1 |
| 11 | `#bf9548` | `oklch(69.33% 0.1076 80.22)` | Narcissus | black, 7.5 to 1 |
| 12 | `#ac8044` | `oklch(63.17% 0.0945 72.87)` | Rare Find | black, 5.9 to 1 |
| 13 | `#966c40` | `oklch(56.38% 0.0804 65.83)` | Lion’s Mane Blonde | white, 4.6 to 1 |
| 14 | `#7f593a` | `oklch(49.61% 0.0668 58.96)` | Château Mantle | white, 6.2 to 1 |
| 15 | `#6a4834` | `oklch(43.51% 0.0553 52.11)` | Satin Soil | white, 8 to 1 |
| 16 | `#5a3c2f` | `oklch(38.71% 0.0475 45.14)` | Cioccolato | white, 9.8 to 1 |
| 17 | `#51342b` | `oklch(35.65% 0.0446 37.72)` | American Mahogany | white, 11.2 to 1 |
| 18 | `#4b2d29` | `oklch(33.38% 0.0453 28.91)` | Barako Brew | white, 12.2 to 1 |
| 19 | `#482828` | `oklch(31.72% 0.0486 19.29)` | Rookwood Dark Red | white, 13 to 1 |
| 20 | `#462329` | `oklch(30.67% 0.0540 9.63)` | Nisemurasaki Purple | white, 13.6 to 1 |
| 21 | `#47202d` | `oklch(30.24% 0.0608 0.74)` | Dark Mahogany | white, 13.8 to 1 |
| 22 | `#481f32` | `oklch(30.41% 0.0682 353.39)` | Chilli Black Red | white, 13.8 to 1 |
| 23 | `#4c1f37` | `oklch(31.21% 0.0757 348.38)` | Chilli Black Red | white, 13.5 to 1 |
| 24 | `#51203d` | `oklch(32.62% 0.0825 346.50)` | Prestige Mauve | white, 12.9 to 1 |
| 25 | `#5b2442` | `oklch(34.95% 0.0889 348.74)` | Plum Caspia | white, 11.8 to 1 |
| 26 | `#6a2b46` | `oklch(38.69% 0.0962 355.30)` | Cherry Juice Red | white, 10.2 to 1 |
| 27 | `#7e3549` | `oklch(43.42% 0.1042 4.99)` | Velvet Rose | white, 8.4 to 1 |
| 28 | `#944149` | `oklch(48.69% 0.1123 16.54)` | Classic Cherry | white, 6.7 to 1 |
| 29 | `#a95045` | `oklch(54.05% 0.1202 28.71)` | Squig Orange | white, 5.3 to 1 |
| 30 | `#bb603e` | `oklch(59.04% 0.1274 40.23)` | Deep Reddish Orange | black, 4.8 to 1 |
| 31 | `#c96f37` | `oklch(63.22% 0.1334 49.87)` | Ochre Pigment | black, 5.7 to 1 |
| 32 | `#d17931` | `oklch(66.14% 0.1378 56.36)` | Fired Up | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #2d8073 0.0%, #358873 3.2%, #449473 6.5%, #5aa171 9.7%, #74ad6c 12.9%, #91b764 16.1%, #acbc5c 19.4%, #c1bb54 22.6%, #ccb44e 25.8%, #cba74a 29.0%, #bf9548 32.3%, #ac8044 35.5%, #966c40 38.7%, #7f593a 41.9%, #6a4834 45.2%, #5a3c2f 48.4%, #51342b 51.6%, #4b2d29 54.8%, #482828 58.1%, #462329 61.3%, #47202d 64.5%, #481f32 67.7%, #4c1f37 71.0%, #51203d 74.2%, #5b2442 77.4%, #6a2b46 80.6%, #7e3549 83.9%, #944149 87.1%, #a95045 90.3%, #bb603e 93.5%, #c96f37 96.8%, #d17931 100.0%);
background: linear-gradient(225deg in oklch, oklch(54.72% 0.0827 180.00) 0.0%, oklch(57.01% 0.0870 173.31) 3.2%, oklch(60.56% 0.0937 164.18) 6.5%, oklch(64.81% 0.1017 153.30) 9.7%, oklch(69.22% 0.1100 141.35) 12.9%, oklch(73.21% 0.1176 129.01) 16.1%, oklch(76.24% 0.1232 116.97) 19.4%, oklch(77.75% 0.1259 105.89) 22.6%, oklch(77.19% 0.1246 96.42) 25.8%, oklch(74.21% 0.1182 88.02) 29.0%, oklch(69.33% 0.1076 80.22) 32.3%, oklch(63.17% 0.0945 72.87) 35.5%, oklch(56.38% 0.0804 65.83) 38.7%, oklch(49.61% 0.0668 58.96) 41.9%, oklch(43.51% 0.0553 52.11) 45.2%, oklch(38.71% 0.0475 45.14) 48.4%, oklch(35.65% 0.0446 37.72) 51.6%, oklch(33.38% 0.0453 28.91) 54.8%, oklch(31.72% 0.0486 19.29) 58.1%, oklch(30.67% 0.0540 9.63) 61.3%, oklch(30.24% 0.0608 0.74) 64.5%, oklch(30.41% 0.0682 353.39) 67.7%, oklch(31.21% 0.0757 348.38) 71.0%, oklch(32.62% 0.0825 346.50) 74.2%, oklch(34.95% 0.0889 348.74) 77.4%, oklch(38.69% 0.0962 355.30) 80.6%, oklch(43.42% 0.1042 4.99) 83.9%, oklch(48.69% 0.1123 16.54) 87.1%, oklch(54.05% 0.1202 28.71) 90.3%, oklch(59.04% 0.1274 40.23) 93.5%, oklch(63.22% 0.1334 49.87) 96.8%, oklch(66.14% 0.1378 56.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.083 | 180 |
| 2 | 0.776 | 0.125 | 98.6 |
| 3 | 0.37 | 0.045 | 41.6 |
| 4 | 0.331 | 0.084 | -13.4 |
| 5 | 0.661 | 0.138 | 56.4 |

## Other forms

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