# Complementary tan, gray and blue linear gradient

Complementary tan, gray and blue linear gradient with 32 colors: #cbb28f, #cdb592, #d1ba97, #d6c09c, #dac6a2, #decca9, #e0d1ae, #e1d5b4, #e3d8bb, #e3dac1, #e3dcc7, #e2decc, #e0dfd0, #dde0d3, #d9e1d6, #d4e0da, #d1dedd, #cedcdf, #ccd8e0, #c8d5e0, #c4d1e1, #becce3, #b7c7e4, #afc2e5, #a8bde5, #a2b8e4, #9bb1e2, #94aadf, #8ca3db, #859cd7, #8097d4, #7b93d2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYxSg2bhHBXKHQpuh0-45jCdUjwG`
- Page: https://grabient.com/kYxSg2bhHBXKHQpuh0-45jCdUjwG?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.2 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 | `#cbb28f` | `oklch(77.56% 0.0551 75.94)` | Tropical Tan | black, 10.2 to 1 |
| 2 | `#cdb592` | `oklch(78.57% 0.0546 77.04)` | Almond Buff | black, 10.6 to 1 |
| 3 | `#d1ba97` | `oklch(80.00% 0.0542 78.45)` | October Harvest | black, 11.1 to 1 |
| 4 | `#d6c09c` | `oklch(81.69% 0.0536 80.17)` | Gold Wash | black, 11.8 to 1 |
| 5 | `#dac6a2` | `oklch(83.44% 0.0526 82.18)` | Light Bamboo | black, 12.5 to 1 |
| 6 | `#decca9` | `oklch(85.07% 0.0511 84.47)` | Heavy Gluten | black, 13.2 to 1 |
| 7 | `#e0d1ae` | `oklch(86.40% 0.0488 87.02)` | Braided Raffia | black, 13.8 to 1 |
| 8 | `#e1d5b4` | `oklch(87.39% 0.0454 89.10)` | Garden Lattice | black, 14.3 to 1 |
| 9 | `#e3d8bb` | `oklch(88.25% 0.0406 89.91)` | Cornerstone | black, 14.7 to 1 |
| 10 | `#e3dac1` | `oklch(88.96% 0.0350 90.66)` | Grass Skirt | black, 15 to 1 |
| 11 | `#e3dcc7` | `oklch(89.53% 0.0294 92.61)` | Chartreuse Frost | black, 15.3 to 1 |
| 12 | `#e2decc` | `oklch(89.92% 0.0243 97.03)` | Fossil Stone | black, 15.5 to 1 |
| 13 | `#e0dfd0` | `oklch(90.13% 0.0204 105.17)` | Whitened Sage | black, 15.6 to 1 |
| 14 | `#dde0d3` | `oklch(90.14% 0.0179 118.73)` | Whitened Sage | black, 15.7 to 1 |
| 15 | `#d9e1d6` | `oklch(89.96% 0.0160 139.00)` | Fleeting Green | black, 15.6 to 1 |
| 16 | `#d4e0da` | `oklch(89.59% 0.0148 163.47)` | Dewy | black, 15.4 to 1 |
| 17 | `#d1dedd` | `oklch(89.06% 0.0144 189.32)` | Sweet Slumber | black, 15.2 to 1 |
| 18 | `#cedcdf` | `oklch(88.38% 0.0152 213.76)` | Polar Soft Blue | black, 14.8 to 1 |
| 19 | `#ccd8e0` | `oklch(87.56% 0.0173 233.97)` | Poppy’s Whiskers | black, 14.4 to 1 |
| 20 | `#c8d5e0` | `oklch(86.61% 0.0211 247.46)` | Light Angora Blue | black, 14 to 1 |
| 21 | `#c4d1e1` | `oklch(85.48% 0.0273 255.59)` | Delicate Ballet Blue | black, 13.5 to 1 |
| 22 | `#becce3` | `oklch(84.18% 0.0353 260.01)` | Hindsight | black, 12.9 to 1 |
| 23 | `#b7c7e4` | `oklch(82.75% 0.0443 261.91)` | Beautiful Dream | black, 12.3 to 1 |
| 24 | `#afc2e5` | `oklch(81.23% 0.0534 262.49)` | Promise | black, 11.7 to 1 |
| 25 | `#a8bde5` | `oklch(79.64% 0.0618 262.95)` | Blue Lips | black, 11 to 1 |
| 26 | `#a2b8e4` | `oklch(78.01% 0.0688 264.43)` | Sky Blue | black, 10.4 to 1 |
| 27 | `#9bb1e2` | `oklch(76.14% 0.0750 265.99)` | Myrtle Flower | black, 9.7 to 1 |
| 28 | `#94aadf` | `oklch(74.03% 0.0808 266.96)` | Black Drop | black, 9 to 1 |
| 29 | `#8ca3db` | `oklch(71.88% 0.0862 267.51)` | Azureno | black, 8.3 to 1 |
| 30 | `#859cd7` | `oklch(69.86% 0.0909 267.81)` | Portage | black, 7.7 to 1 |
| 31 | `#8097d4` | `oklch(68.15% 0.0949 268.01)` | Mystic Iris | black, 7.2 to 1 |
| 32 | `#7b93d2` | `oklch(66.93% 0.0978 268.27)` | Mood Mode | black, 6.9 to 1 |

## CSS

```css
background: linear-gradient(0deg, #cbb28f 0.0%, #cdb592 3.2%, #d1ba97 6.5%, #d6c09c 9.7%, #dac6a2 12.9%, #decca9 16.1%, #e0d1ae 19.4%, #e1d5b4 22.6%, #e3d8bb 25.8%, #e3dac1 29.0%, #e3dcc7 32.3%, #e2decc 35.5%, #e0dfd0 38.7%, #dde0d3 41.9%, #d9e1d6 45.2%, #d4e0da 48.4%, #d1dedd 51.6%, #cedcdf 54.8%, #ccd8e0 58.1%, #c8d5e0 61.3%, #c4d1e1 64.5%, #becce3 67.7%, #b7c7e4 71.0%, #afc2e5 74.2%, #a8bde5 77.4%, #a2b8e4 80.6%, #9bb1e2 83.9%, #94aadf 87.1%, #8ca3db 90.3%, #859cd7 93.5%, #8097d4 96.8%, #7b93d2 100.0%);
background: linear-gradient(0deg in oklch, oklch(77.56% 0.0551 75.94) 0.0%, oklch(78.57% 0.0546 77.04) 3.2%, oklch(80.00% 0.0542 78.45) 6.5%, oklch(81.69% 0.0536 80.17) 9.7%, oklch(83.44% 0.0526 82.18) 12.9%, oklch(85.07% 0.0511 84.47) 16.1%, oklch(86.40% 0.0488 87.02) 19.4%, oklch(87.39% 0.0454 89.10) 22.6%, oklch(88.25% 0.0406 89.91) 25.8%, oklch(88.96% 0.0350 90.66) 29.0%, oklch(89.53% 0.0294 92.61) 32.3%, oklch(89.92% 0.0243 97.03) 35.5%, oklch(90.13% 0.0204 105.17) 38.7%, oklch(90.14% 0.0179 118.73) 41.9%, oklch(89.96% 0.0160 139.00) 45.2%, oklch(89.59% 0.0148 163.47) 48.4%, oklch(89.06% 0.0144 189.32) 51.6%, oklch(88.38% 0.0152 213.76) 54.8%, oklch(87.56% 0.0173 233.97) 58.1%, oklch(86.61% 0.0211 247.46) 61.3%, oklch(85.48% 0.0273 255.59) 64.5%, oklch(84.18% 0.0353 260.01) 67.7%, oklch(82.75% 0.0443 261.91) 71.0%, oklch(81.23% 0.0534 262.49) 74.2%, oklch(79.64% 0.0618 262.95) 77.4%, oklch(78.01% 0.0688 264.43) 80.6%, oklch(76.14% 0.0750 265.99) 83.9%, oklch(74.03% 0.0808 266.96) 87.1%, oklch(71.88% 0.0862 267.51) 90.3%, oklch(69.86% 0.0909 267.81) 93.5%, oklch(68.15% 0.0949 268.01) 96.8%, oklch(66.93% 0.0978 268.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.055 | 75.9 |
| 2 | 0.866 | 0.048 | 87.6 |
| 3 | 0.902 | 0.019 | 109.8 |
| 4 | 0.87 | 0.019 | 242.9 |
| 5 | 0.783 | 0.068 | 264 |
| 6 | 0.669 | 0.098 | 268.3 |

## In these collections

- [Lemon blossom veranda](https://grabient.com/lemon-blossom-veranda)

## Other forms

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