# Pale blue plum brown bands

Brown and light blue linear swatches with 21 colors: #44220e, #482416, #4c281f, #502c2a, #543135, #593841, #5e3f4f, #63485d, #68526d, #6d5d7c, #716989, #767496, #7b80a3, #818cb0, #8797bc, #8ba3c6, #8faecd, #94b8d4, #9ac2d8, #a0cadb, #a4d0de. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown and light blue linear swatches
- Seed: `kWSywjMJI6MSSuFaFTt6ZI7Q`
- Page: https://grabient.com/kWSywjMJI6MSSuFaFTt6ZI7Q?style=linearSwatches&steps=21&angle=0
- Drawn as: linear swatches, 21 steps, 0 degrees
- Kinds: dark to light, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 8.5 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 | `#44220e` | `oklch(29.53% 0.0606 49.22)` | Duqqa Brown | white, 14.1 to 1 |
| 2 | `#482416` | `oklch(30.59% 0.0589 42.86)` | Wild Brown | white, 13.6 to 1 |
| 3 | `#4c281f` | `oklch(32.03% 0.0564 34.04)` | Couch | white, 12.9 to 1 |
| 4 | `#502c2a` | `oklch(33.80% 0.0537 23.53)` | Heath | white, 12.1 to 1 |
| 5 | `#543135` | `oklch(35.86% 0.0512 12.12)` | Decadent Chocolate | white, 11.2 to 1 |
| 6 | `#593841` | `oklch(38.19% 0.0496 0.61)` | Sassafras | white, 10.1 to 1 |
| 7 | `#5e3f4f` | `oklch(40.87% 0.0490 348.31)` | Amaranthine | white, 9.1 to 1 |
| 8 | `#63485d` | `oklch(43.92% 0.0490 334.70)` | Plum Rich | white, 7.9 to 1 |
| 9 | `#68526d` | `oklch(47.21% 0.0494 320.79)` | Vintner | white, 6.9 to 1 |
| 10 | `#6d5d7c` | `oklch(50.60% 0.0502 307.60)` | Princely Violet | white, 5.9 to 1 |
| 11 | `#716989` | `oklch(53.94% 0.0510 296.15)` | Aromatic | white, 5.1 to 1 |
| 12 | `#767496` | `oklch(57.32% 0.0523 286.86)` | Iris Eyes | black, 4.7 to 1 |
| 13 | `#7b80a3` | `oklch(60.85% 0.0541 279.08)` | Positively Purple | black, 5.4 to 1 |
| 14 | `#818cb0` | `oklch(64.38% 0.0559 272.13)` | Skysail Blue | black, 6.2 to 1 |
| 15 | `#8797bc` | `oklch(67.76% 0.0574 265.36)` | Bel Air Blue | black, 7.2 to 1 |
| 16 | `#8ba3c6` | `oklch(70.87% 0.0579 258.10)` | Windy City | black, 8.1 to 1 |
| 17 | `#8faecd` | `oklch(73.80% 0.0571 249.73)` | Ocean Bubble | black, 9 to 1 |
| 18 | `#94b8d4` | `oklch(76.67% 0.0553 240.66)` | Blue Pointer | black, 10.1 to 1 |
| 19 | `#9ac2d8` | `oklch(79.29% 0.0530 231.88)` | Angel Sol | black, 11 to 1 |
| 20 | `#a0cadb` | `oklch(81.49% 0.0510 224.34)` | Piezo Blue | black, 11.9 to 1 |
| 21 | `#a4d0de` | `oklch(83.07% 0.0496 219.00)` | French Pass | black, 12.6 to 1 |

## CSS

```css
background: linear-gradient(0deg, #44220e 0.000% 4.762%, #482416 4.762% 9.524%, #4c281f 9.524% 14.286%, #502c2a 14.286% 19.048%, #543135 19.048% 23.810%, #593841 23.810% 28.571%, #5e3f4f 28.571% 33.333%, #63485d 33.333% 38.095%, #68526d 38.095% 42.857%, #6d5d7c 42.857% 47.619%, #716989 47.619% 52.381%, #767496 52.381% 57.143%, #7b80a3 57.143% 61.905%, #818cb0 61.905% 66.667%, #8797bc 66.667% 71.429%, #8ba3c6 71.429% 76.190%, #8faecd 76.190% 80.952%, #94b8d4 80.952% 85.714%, #9ac2d8 85.714% 90.476%, #a0cadb 90.476% 95.238%, #a4d0de 95.238% 100.000%);
background: linear-gradient(0deg, oklch(29.53% 0.0606 49.22) 0.000% 4.762%, oklch(30.59% 0.0589 42.86) 4.762% 9.524%, oklch(32.03% 0.0564 34.04) 9.524% 14.286%, oklch(33.80% 0.0537 23.53) 14.286% 19.048%, oklch(35.86% 0.0512 12.12) 19.048% 23.810%, oklch(38.19% 0.0496 0.61) 23.810% 28.571%, oklch(40.87% 0.0490 348.31) 28.571% 33.333%, oklch(43.92% 0.0490 334.70) 33.333% 38.095%, oklch(47.21% 0.0494 320.79) 38.095% 42.857%, oklch(50.60% 0.0502 307.60) 42.857% 47.619%, oklch(53.94% 0.0510 296.15) 47.619% 52.381%, oklch(57.32% 0.0523 286.86) 52.381% 57.143%, oklch(60.85% 0.0541 279.08) 57.143% 61.905%, oklch(64.38% 0.0559 272.13) 61.905% 66.667%, oklch(67.76% 0.0574 265.36) 66.667% 71.429%, oklch(70.87% 0.0579 258.10) 71.429% 76.190%, oklch(73.80% 0.0571 249.73) 76.190% 80.952%, oklch(76.67% 0.0553 240.66) 80.952% 85.714%, oklch(79.29% 0.0530 231.88) 85.714% 90.476%, oklch(81.49% 0.0510 224.34) 90.476% 95.238%, oklch(83.07% 0.0496 219.00) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.061 | 49.2 |
| 2 | 0.382 | 0.05 | 0.6 |
| 3 | 0.539 | 0.051 | -63.9 |
| 4 | 0.709 | 0.058 | -101.9 |
| 5 | 0.831 | 0.05 | -141 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)
- [Muted swatches](https://grabient.com/muted-swatches)

## Other forms

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