# Blue, green, brown and red linear gradient

Blue, green, brown and red linear gradient with 32 colors: #6690a6, #6891a8, #6b94ab, #7097ae, #749ab2, #779cb5, #789eb7, #769fb7, #719eb4, #679aac, #5a94a0, #4c8d91, #408580, #387d6d, #37765c, #3c714d, #457042, #53723a, #637736, #767d33, #898332, #9b8732, #ab8a33, #b68832, #bd822e, #c07828, #c06b23, #bd5d20, #b74e20, #b13f22, #ac3225, #a82928. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWoCmlVhU_z-ethTqrevbu5w`
- Page: https://grabient.com/kWoCmlVhU_z-ethTqrevbu5w?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.4 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 | `#6690a6` | `oklch(62.99% 0.0565 232.03)` | Blue Cruise | black, 6 to 1 |
| 2 | `#6891a8` | `oklch(63.53% 0.0564 232.54)` | Blue Cruise | black, 6.2 to 1 |
| 3 | `#6b94ab` | `oklch(64.43% 0.0561 233.87)` | Aragonite Blue | black, 6.4 to 1 |
| 4 | `#7097ae` | `oklch(65.51% 0.0558 235.48)` | American Anthem | black, 6.7 to 1 |
| 5 | `#749ab2` | `oklch(66.59% 0.0555 236.86)` | Ocean View | black, 6.9 to 1 |
| 6 | `#779cb5` | `oklch(67.51% 0.0555 237.48)` | Walden Pond | black, 7.2 to 1 |
| 7 | `#789eb7` | `oklch(68.08% 0.0559 236.81)` | Blue Nile | black, 7.3 to 1 |
| 8 | `#769fb7` | `oklch(68.13% 0.0568 234.34)` | Blue Nile | black, 7.4 to 1 |
| 9 | `#719eb4` | `oklch(67.47% 0.0583 229.52)` | Bluebird Feather | black, 7.2 to 1 |
| 10 | `#679aac` | `oklch(65.77% 0.0606 222.04)` | Cloudy Sea | black, 6.8 to 1 |
| 11 | `#5a94a0` | `oklch(63.21% 0.0635 212.35)` | Star City | black, 6.1 to 1 |
| 12 | `#4c8d91` | `oklch(60.16% 0.0667 201.09)` | Coastal Calm | black, 5.5 to 1 |
| 13 | `#408580` | `oklch(56.98% 0.0704 188.87)` | Emu Egg | black, 4.8 to 1 |
| 14 | `#387d6d` | `oklch(54.03% 0.0742 176.31)` | Pearl Green | white, 4.8 to 1 |
| 15 | `#37765c` | `oklch(51.66% 0.0782 164.03)` | Scouring Rush | white, 5.3 to 1 |
| 16 | `#3c714d` | `oklch(50.24% 0.0821 152.65)` | Parsley Sprig | white, 5.7 to 1 |
| 17 | `#457042` | `oklch(50.14% 0.0860 142.57)` | Under the Radar | white, 5.7 to 1 |
| 18 | `#53723a` | `oklch(51.44% 0.0898 132.86)` | Deep Pine | white, 5.4 to 1 |
| 19 | `#637736` | `oklch(53.77% 0.0937 123.34)` | Majestic Jungle | white, 4.9 to 1 |
| 20 | `#767d33` | `oklch(56.69% 0.0978 114.06)` | Calla Green | black, 4.7 to 1 |
| 21 | `#898332` | `oklch(59.77% 0.1019 105.02)` | Apeland | black, 5.3 to 1 |
| 22 | `#9b8732` | `oklch(62.59% 0.1063 96.27)` | Parsnip Root | black, 5.9 to 1 |
| 23 | `#ab8a33` | `oklch(64.72% 0.1109 87.83)` | Spring Branch | black, 6.3 to 1 |
| 24 | `#b68832` | `oklch(65.72% 0.1158 79.72)` | Brass Yellow | black, 6.5 to 1 |
| 25 | `#bd822e` | `oklch(65.30% 0.1213 71.81)` | Mango Brown | black, 6.4 to 1 |
| 26 | `#c07828` | `oklch(63.73% 0.1277 63.82)` | Maine Coon Orange | black, 5.9 to 1 |
| 27 | `#c06b23` | `oklch(61.34% 0.1346 55.94)` | Thai Curry | black, 5.3 to 1 |
| 28 | `#bd5d20` | `oklch(58.45% 0.1417 48.40)` | Storybook Sundown | black, 4.7 to 1 |
| 29 | `#b74e20` | `oklch(55.39% 0.1486 41.42)` | Gold Flame | white, 5 to 1 |
| 30 | `#b13f22` | `oklch(52.48% 0.1549 35.21)` | Bricky Brick | white, 5.8 to 1 |
| 31 | `#ac3225` | `oklch(50.05% 0.1601 29.98)` | Santa Belly Red | white, 6.4 to 1 |
| 32 | `#a82928` | `oklch(48.43% 0.1640 25.96)` | Fabulous Red | white, 6.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #6690a6 0.0%, #6891a8 3.2%, #6b94ab 6.5%, #7097ae 9.7%, #749ab2 12.9%, #779cb5 16.1%, #789eb7 19.4%, #769fb7 22.6%, #719eb4 25.8%, #679aac 29.0%, #5a94a0 32.3%, #4c8d91 35.5%, #408580 38.7%, #387d6d 41.9%, #37765c 45.2%, #3c714d 48.4%, #457042 51.6%, #53723a 54.8%, #637736 58.1%, #767d33 61.3%, #898332 64.5%, #9b8732 67.7%, #ab8a33 71.0%, #b68832 74.2%, #bd822e 77.4%, #c07828 80.6%, #c06b23 83.9%, #bd5d20 87.1%, #b74e20 90.3%, #b13f22 93.5%, #ac3225 96.8%, #a82928 100.0%);
background: linear-gradient(135deg in oklch, oklch(62.99% 0.0565 232.03) 0.0%, oklch(63.53% 0.0564 232.54) 3.2%, oklch(64.43% 0.0561 233.87) 6.5%, oklch(65.51% 0.0558 235.48) 9.7%, oklch(66.59% 0.0555 236.86) 12.9%, oklch(67.51% 0.0555 237.48) 16.1%, oklch(68.08% 0.0559 236.81) 19.4%, oklch(68.13% 0.0568 234.34) 22.6%, oklch(67.47% 0.0583 229.52) 25.8%, oklch(65.77% 0.0606 222.04) 29.0%, oklch(63.21% 0.0635 212.35) 32.3%, oklch(60.16% 0.0667 201.09) 35.5%, oklch(56.98% 0.0704 188.87) 38.7%, oklch(54.03% 0.0742 176.31) 41.9%, oklch(51.66% 0.0782 164.03) 45.2%, oklch(50.24% 0.0821 152.65) 48.4%, oklch(50.14% 0.0860 142.57) 51.6%, oklch(51.44% 0.0898 132.86) 54.8%, oklch(53.77% 0.0937 123.34) 58.1%, oklch(56.69% 0.0978 114.06) 61.3%, oklch(59.77% 0.1019 105.02) 64.5%, oklch(62.59% 0.1063 96.27) 67.7%, oklch(64.72% 0.1109 87.83) 71.0%, oklch(65.72% 0.1158 79.72) 74.2%, oklch(65.30% 0.1213 71.81) 77.4%, oklch(63.73% 0.1277 63.82) 80.6%, oklch(61.34% 0.1346 55.94) 83.9%, oklch(58.45% 0.1417 48.40) 87.1%, oklch(55.39% 0.1486 41.42) 90.3%, oklch(52.48% 0.1549 35.21) 93.5%, oklch(50.05% 0.1601 29.98) 96.8%, oklch(48.43% 0.1640 25.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.056 | 232 |
| 2 | 0.677 | 0.058 | 231 |
| 3 | 0.5 | 0.084 | 147.5 |
| 4 | 0.657 | 0.117 | 77.7 |
| 5 | 0.484 | 0.164 | 26 |

## In these collections

- [Tomato vine abundance](https://grabient.com/tomato-vine-abundance)

## Other forms

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