# Seamless light blue and brown linear gradient

Seamless light blue and brown linear gradient with 32 colors: #a8cdc1, #a2c9c0, #9bc3be, #94bbbc, #8db3b9, #86a9b5, #819fb1, #7e95ad, #7c8ba8, #7d80a1, #817498, #856889, #885d76, #87535e, #824b45, #79472e, #6b4419, #573f07, #413901, #2b3104, #182a0a, #09240e, #022113, #012219, #072b25, #183c37, #2e534e, #476f6a, #638e88, #7daca5, #94c5be, #a5d7d0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW0B970ZDKDec0mdj83axPBQ`
- Page: https://grabient.com/kW0B970ZDKDec0mdj83axPBQ?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark center, muted, multicolor, seamless
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.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 | `#a8cdc1` | `oklch(81.89% 0.0427 173.67)` | Baby Aqua | black, 12.2 to 1 |
| 2 | `#a2c9c0` | `oklch(80.49% 0.0427 180.01)` | Wave Runner | black, 11.6 to 1 |
| 3 | `#9bc3be` | `oklch(78.64% 0.0425 187.93)` | Pitter Patter | black, 10.9 to 1 |
| 4 | `#94bbbc` | `oklch(76.45% 0.0422 197.33)` | Turner’s Light | black, 10.1 to 1 |
| 5 | `#8db3b9` | `oklch(73.99% 0.0420 208.12)` | Kitchen Blue | black, 9.2 to 1 |
| 6 | `#86a9b5` | `oklch(71.38% 0.0421 220.19)` | Summerhouse Blue | black, 8.3 to 1 |
| 7 | `#819fb1` | `oklch(68.71% 0.0427 233.46)` | Lake Okoboji | black, 7.5 to 1 |
| 8 | `#7e95ad` | `oklch(66.07% 0.0440 247.83)` | Nordland Blue | black, 6.8 to 1 |
| 9 | `#7c8ba8` | `oklch(63.55% 0.0461 263.26)` | Evening Hush | black, 6.1 to 1 |
| 10 | `#7d80a1` | `oklch(61.03% 0.0498 280.90)` | Blue Intrigue | black, 5.4 to 1 |
| 11 | `#817498` | `oklch(58.43% 0.0549 300.67)` | Purple Haze | black, 4.8 to 1 |
| 12 | `#856889` | `oklch(55.78% 0.0607 321.85)` | Sunshone Plum | white, 4.8 to 1 |
| 13 | `#885d76` | `oklch(53.10% 0.0666 343.73)` | Argyle Purple | white, 5.4 to 1 |
| 14 | `#87535e` | `oklch(50.40% 0.0719 5.62)` | Berry Smoothie | white, 6.1 to 1 |
| 15 | `#824b45` | `oklch(47.70% 0.0760 26.79)` | Terra Cove | white, 6.8 to 1 |
| 16 | `#79472e` | `oklch(45.03% 0.0783 46.54)` | Cape Palliser | white, 7.6 to 1 |
| 17 | `#6b4419` | `oklch(42.22% 0.0781 64.55)` | Antique Brass | white, 8.5 to 1 |
| 18 | `#573f07` | `oklch(38.51% 0.0752 82.43)` | Pineapple | white, 9.8 to 1 |
| 19 | `#413901` | `oklch(34.22% 0.0704 100.13)` | Camouflage | white, 11.6 to 1 |
| 20 | `#2b3104` | `oklch(29.90% 0.0644 117.21)` | Darkest Forest | white, 13.5 to 1 |
| 21 | `#182a0a` | `oklch(26.05% 0.0579 133.24)` | Lindworm Green | white, 15.2 to 1 |
| 22 | `#09240e` | `oklch(23.21% 0.0518 147.81)` | Nightmare | white, 16.5 to 1 |
| 23 | `#022113` | `oklch(21.91% 0.0466 160.47)` | Clock Chimes Thirteen | white, 17.1 to 1 |
| 24 | `#012219` | `oklch(22.66% 0.0432 170.80)` | Clock Chimes Thirteen | white, 16.8 to 1 |
| 25 | `#072b25` | `oklch(26.17% 0.0420 178.31)` | Guerrilla Forest | white, 15.2 to 1 |
| 26 | `#183c37` | `oklch(32.70% 0.0423 182.97)` | Botanical Night | white, 12.1 to 1 |
| 27 | `#2e534e` | `oklch(41.34% 0.0436 185.37)` | Hidden Depths | white, 8.5 to 1 |
| 28 | `#476f6a` | `oklch(51.19% 0.0457 186.11)` | Farrago | white, 5.5 to 1 |
| 29 | `#638e88` | `oklch(61.32% 0.0481 185.79)` | Oil Blue | black, 5.7 to 1 |
| 30 | `#7daca5` | `oklch(70.82% 0.0505 185.03)` | Green Room | black, 8.2 to 1 |
| 31 | `#94c5be` | `oklch(78.77% 0.0525 184.43)` | Focus Point | black, 11 to 1 |
| 32 | `#a5d7d0` | `oklch(84.25% 0.0537 184.59)` | Sinbad | black, 13.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #a8cdc1 0.0%, #a2c9c0 3.2%, #9bc3be 6.5%, #94bbbc 9.7%, #8db3b9 12.9%, #86a9b5 16.1%, #819fb1 19.4%, #7e95ad 22.6%, #7c8ba8 25.8%, #7d80a1 29.0%, #817498 32.3%, #856889 35.5%, #885d76 38.7%, #87535e 41.9%, #824b45 45.2%, #79472e 48.4%, #6b4419 51.6%, #573f07 54.8%, #413901 58.1%, #2b3104 61.3%, #182a0a 64.5%, #09240e 67.7%, #022113 71.0%, #012219 74.2%, #072b25 77.4%, #183c37 80.6%, #2e534e 83.9%, #476f6a 87.1%, #638e88 90.3%, #7daca5 93.5%, #94c5be 96.8%, #a5d7d0 100.0%);
background: linear-gradient(225deg in oklch, oklch(81.89% 0.0427 173.67) 0.0%, oklch(80.49% 0.0427 180.01) 3.2%, oklch(78.64% 0.0425 187.93) 6.5%, oklch(76.45% 0.0422 197.33) 9.7%, oklch(73.99% 0.0420 208.12) 12.9%, oklch(71.38% 0.0421 220.19) 16.1%, oklch(68.71% 0.0427 233.46) 19.4%, oklch(66.07% 0.0440 247.83) 22.6%, oklch(63.55% 0.0461 263.26) 25.8%, oklch(61.03% 0.0498 280.90) 29.0%, oklch(58.43% 0.0549 300.67) 32.3%, oklch(55.78% 0.0607 321.85) 35.5%, oklch(53.10% 0.0666 343.73) 38.7%, oklch(50.40% 0.0719 5.62) 41.9%, oklch(47.70% 0.0760 26.79) 45.2%, oklch(45.03% 0.0783 46.54) 48.4%, oklch(42.22% 0.0781 64.55) 51.6%, oklch(38.51% 0.0752 82.43) 54.8%, oklch(34.22% 0.0704 100.13) 58.1%, oklch(29.90% 0.0644 117.21) 61.3%, oklch(26.05% 0.0579 133.24) 64.5%, oklch(23.21% 0.0518 147.81) 67.7%, oklch(21.91% 0.0466 160.47) 71.0%, oklch(22.66% 0.0432 170.80) 74.2%, oklch(26.17% 0.0420 178.31) 77.4%, oklch(32.70% 0.0423 182.97) 80.6%, oklch(41.34% 0.0436 185.37) 83.9%, oklch(51.19% 0.0457 186.11) 87.1%, oklch(61.32% 0.0481 185.79) 90.3%, oklch(70.82% 0.0505 185.03) 93.5%, oklch(78.77% 0.0525 184.43) 96.8%, oklch(84.25% 0.0537 184.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.043 | 173.7 |
| 2 | 0.642 | 0.045 | 259.3 |
| 3 | 0.437 | 0.079 | 415.7 |
| 4 | 0.232 | 0.043 | 533 |
| 5 | 0.843 | 0.054 | 544.6 |

## In these collections

- [Muted rainbow gradients](https://grabient.com/muted-rainbow-gradients)

## Other forms

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