# Blue, beige, gray and red linear gradient

Blue, beige, gray and red linear gradient with 32 colors: #6690a6, #6a97a8, #71a1aa, #7eadad, #90baaf, #a4c5b3, #bad0b7, #ced9be, #dee0c4, #e9e4c9, #eee5ca, #ede1c6, #e5d9bd, #d7ceaf, #c4c19e, #aeb28d, #97a37d, #7f946e, #688761, #547c57, #46744d, #3f6f43, #416d37, #4b6c25, #5c6a00, #6f6800, #826600, #956400, #a95f00, #bf5500, #d04919, #d74433. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUoCmldQ2vD-extLw7IA`
- Page: https://grabient.com/kUoCmldQ2vD-extLw7IA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 4.8 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 | `#6a97a8` | `oklch(64.96% 0.0551 223.01)` | Cloudy Sea | black, 6.5 to 1 |
| 3 | `#71a1aa` | `oklch(67.87% 0.0530 210.37)` | Reef Waters | black, 7.4 to 1 |
| 4 | `#7eadad` | `oklch(71.45% 0.0503 195.04)` | Galaxy Green | black, 8.4 to 1 |
| 5 | `#90baaf` | `oklch(75.42% 0.0474 177.96)` | Mild Evergreen | black, 9.7 to 1 |
| 6 | `#a4c5b3` | `oklch(79.52% 0.0444 160.06)` | Green Silk | black, 11.2 to 1 |
| 7 | `#bad0b7` | `oklch(83.46% 0.0416 142.29)` | Lime Taffy | black, 12.8 to 1 |
| 8 | `#ced9be` | `oklch(86.98% 0.0392 125.56)` | Celery Satin | black, 14.3 to 1 |
| 9 | `#dee0c4` | `oklch(89.79% 0.0375 110.81)` | Airy Fields | black, 15.5 to 1 |
| 10 | `#e9e4c9` | `oklch(91.64% 0.0366 98.99)` | Dirty White | black, 16.4 to 1 |
| 11 | `#eee5ca` | `oklch(92.25% 0.0368 91.01)` | Banana Milkshake | black, 16.7 to 1 |
| 12 | `#ede1c6` | `oklch(91.32% 0.0383 87.79)` | Vital Yellow | black, 16.2 to 1 |
| 13 | `#e5d9bd` | `oklch(88.81% 0.0404 89.27)` | Ivory Essence | black, 15 to 1 |
| 14 | `#d7ceaf` | `oklch(85.04% 0.0432 94.44)` | Pale Ivy | black, 13.3 to 1 |
| 15 | `#c4c19e` | `oklch(80.35% 0.0467 102.29)` | Chameleon Tango | black, 11.4 to 1 |
| 16 | `#aeb28d` | `oklch(75.06% 0.0508 111.79)` | Lint | black, 9.5 to 1 |
| 17 | `#97a37d` | `oklch(69.51% 0.0555 121.93)` | Renkon Beige | black, 7.8 to 1 |
| 18 | `#7f946e` | `oklch(64.03% 0.0607 131.67)` | Green Eyes | black, 6.3 to 1 |
| 19 | `#688761` | `oklch(58.97% 0.0664 139.99)` | Bladerunner | black, 5.2 to 1 |
| 20 | `#547c57` | `oklch(54.65% 0.0727 145.88)` | Green Mantle | white, 4.7 to 1 |
| 21 | `#46744d` | `oklch(51.40% 0.0793 148.30)` | Spring Juniper | white, 5.4 to 1 |
| 22 | `#3f6f43` | `oklch(49.53% 0.0866 146.30)` | Parsley Sprig | white, 5.8 to 1 |
| 23 | `#416d37` | `oklch(48.76% 0.0953 140.09)` | Mount Hyjal | white, 6 to 1 |
| 24 | `#4b6c25` | `oklch(48.83% 0.1054 130.56)` | Bowser Shell | white, 6 to 1 |
| 25 | `#5c6a00` | `oklch(49.56% 0.1159 118.51)` | Mud Green | white, 5.9 to 1 |
| 26 | `#6f6800` | `oklch(50.80% 0.1076 104.70)` | Worn Olive | white, 5.7 to 1 |
| 27 | `#826600` | `oklch(52.37% 0.1070 89.97)` | Alligator | white, 5.4 to 1 |
| 28 | `#956400` | `oklch(54.11% 0.1141 75.09)` | Gamboge Brown | white, 5.1 to 1 |
| 29 | `#a95f00` | `oklch(55.85% 0.1299 60.88)` | Raw Umber | white, 4.8 to 1 |
| 30 | `#bf5500` | `oklch(57.44% 0.1561 48.13)` | Sebright Chicken | white, 4.6 to 1 |
| 31 | `#d04919` | `oklch(58.69% 0.1799 37.65)` | Ōkaihau Express | black, 4.6 to 1 |
| 32 | `#d74433` | `oklch(59.45% 0.1860 30.19)` | Scarlet Rebels | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #6690a6 0.0%, #6a97a8 3.2%, #71a1aa 6.5%, #7eadad 9.7%, #90baaf 12.9%, #a4c5b3 16.1%, #bad0b7 19.4%, #ced9be 22.6%, #dee0c4 25.8%, #e9e4c9 29.0%, #eee5ca 32.3%, #ede1c6 35.5%, #e5d9bd 38.7%, #d7ceaf 41.9%, #c4c19e 45.2%, #aeb28d 48.4%, #97a37d 51.6%, #7f946e 54.8%, #688761 58.1%, #547c57 61.3%, #46744d 64.5%, #3f6f43 67.7%, #416d37 71.0%, #4b6c25 74.2%, #5c6a00 77.4%, #6f6800 80.6%, #826600 83.9%, #956400 87.1%, #a95f00 90.3%, #bf5500 93.5%, #d04919 96.8%, #d74433 100.0%);
background: linear-gradient(45deg in oklch, oklch(62.99% 0.0565 232.03) 0.0%, oklch(64.96% 0.0551 223.01) 3.2%, oklch(67.87% 0.0530 210.37) 6.5%, oklch(71.45% 0.0503 195.04) 9.7%, oklch(75.42% 0.0474 177.96) 12.9%, oklch(79.52% 0.0444 160.06) 16.1%, oklch(83.46% 0.0416 142.29) 19.4%, oklch(86.98% 0.0392 125.56) 22.6%, oklch(89.79% 0.0375 110.81) 25.8%, oklch(91.64% 0.0366 98.99) 29.0%, oklch(92.25% 0.0368 91.01) 32.3%, oklch(91.32% 0.0383 87.79) 35.5%, oklch(88.81% 0.0404 89.27) 38.7%, oklch(85.04% 0.0432 94.44) 41.9%, oklch(80.35% 0.0467 102.29) 45.2%, oklch(75.06% 0.0508 111.79) 48.4%, oklch(69.51% 0.0555 121.93) 51.6%, oklch(64.03% 0.0607 131.67) 54.8%, oklch(58.97% 0.0664 139.99) 58.1%, oklch(54.65% 0.0727 145.88) 61.3%, oklch(51.40% 0.0793 148.30) 64.5%, oklch(49.53% 0.0866 146.30) 67.7%, oklch(48.76% 0.0953 140.09) 71.0%, oklch(48.83% 0.1054 130.56) 74.2%, oklch(49.56% 0.1159 118.51) 77.4%, oklch(50.80% 0.1076 104.70) 80.6%, oklch(52.37% 0.1070 89.97) 83.9%, oklch(54.11% 0.1141 75.09) 87.1%, oklch(55.85% 0.1299 60.88) 90.3%, oklch(57.44% 0.1561 48.13) 93.5%, oklch(58.69% 0.1799 37.65) 96.8%, oklch(59.45% 0.1860 30.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.056 | 232 |
| 2 | 0.921 | 0.037 | 89.4 |
| 3 | 0.5 | 0.084 | 147.5 |
| 4 | 0.594 | 0.186 | 30.2 |

## In these collections

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

## Other forms

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