# Faded Blue and Sepia Correspondence

This palette moves from orange through blue to pale orange. It darkens and then lightens across a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Brown, blue, gray and beige linear gradient
- Seed: `kSfz4gO5Cs_WMrM`
- Page: https://grabient.com/kSfz4gO5Cs_WMrM?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark to light, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.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 | `#8b5338` | `oklch(50.00% 0.0854 45.00)` | Rusted Earth | white, 6.2 to 1 |
| 2 | `#8b513e` | `oklch(49.79% 0.0839 39.17)` | Hipsterfication | white, 6.2 to 1 |
| 3 | `#8a4f43` | `oklch(49.39% 0.0820 32.14)` | Earth Crust | white, 6.3 to 1 |
| 4 | `#884d4a` | `oklch(48.85% 0.0798 24.04)` | Richardson Brick | white, 6.5 to 1 |
| 5 | `#844b50` | `oklch(48.20% 0.0772 14.98)` | Cordial | white, 6.7 to 1 |
| 6 | `#7f4a56` | `oklch(47.50% 0.0745 5.11)` | Haunting Melody | white, 6.9 to 1 |
| 7 | `#7a495c` | `oklch(46.77% 0.0715 354.55)` | Bewitching | white, 7.1 to 1 |
| 8 | `#734862` | `oklch(46.06% 0.0685 343.43)` | Dirty Purple | white, 7.3 to 1 |
| 9 | `#6c4967` | `oklch(45.42% 0.0654 331.87)` | Wizard Time | white, 7.5 to 1 |
| 10 | `#644a6b` | `oklch(44.88% 0.0622 320.01)` | Your Majesty | white, 7.7 to 1 |
| 11 | `#5d4b6d` | `oklch(44.49% 0.0591 307.97)` | Loganberry | white, 7.7 to 1 |
| 12 | `#564d6f` | `oklch(44.29% 0.0562 295.89)` | Perpetual Purple | white, 7.8 to 1 |
| 13 | `#4f5070` | `oklch(44.32% 0.0533 283.89)` | Independence | white, 7.7 to 1 |
| 14 | `#4a5371` | `oklch(44.62% 0.0507 272.09)` | Signature Blue | white, 7.6 to 1 |
| 15 | `#475671` | `oklch(45.24% 0.0484 260.64)` | Hidden Sapphire | white, 7.3 to 1 |
| 16 | `#455b72` | `oklch(46.22% 0.0463 249.65)` | Infinite Deep Sea | white, 7 to 1 |
| 17 | `#456073` | `oklch(47.61% 0.0447 239.09)` | Eclipse Blue | white, 6.5 to 1 |
| 18 | `#486775` | `oklch(49.54% 0.0432 228.08)` | Azalea Leaf | white, 6 to 1 |
| 19 | `#4d6f78` | `oklch(51.95% 0.0419 216.59)` | Winter Storm | white, 5.4 to 1 |
| 20 | `#54787c` | `oklch(54.76% 0.0408 204.74)` | Blue Sage | white, 4.8 to 1 |
| 21 | `#5f8280` | `oklch(57.91% 0.0398 192.68)` | Teal Stencil | black, 4.9 to 1 |
| 22 | `#6b8c85` | `oklch(61.31% 0.0390 180.51)` | Aspen Hush | black, 5.7 to 1 |
| 23 | `#79978a` | `oklch(64.88% 0.0382 168.39)` | Bitter Clover Green | black, 6.5 to 1 |
| 24 | `#88a191` | `oklch(68.56% 0.0376 156.44)` | Australian Jade | black, 7.5 to 1 |
| 25 | `#98ac97` | `oklch(72.27% 0.0371 144.79)` | Scotland Road | black, 8.6 to 1 |
| 26 | `#a8b69f` | `oklch(75.92% 0.0366 133.57)` | Salvia | black, 9.8 to 1 |
| 27 | `#b7c0a7` | `oklch(79.45% 0.0362 122.92)` | Desolace Dew | black, 11.1 to 1 |
| 28 | `#c6c9af` | `oklch(82.77% 0.0358 112.96)` | Spring Hill | black, 12.4 to 1 |
| 29 | `#d4d2b8` | `oklch(85.82% 0.0355 103.82)` | Pale Sagebrush | black, 13.7 to 1 |
| 30 | `#e0dac0` | `oklch(88.51% 0.0351 95.65)` | Happy Margarine | black, 14.9 to 1 |
| 31 | `#eae0c7` | `oklch(90.77% 0.0348 88.56)` | Pearl | black, 15.9 to 1 |
| 32 | `#f2e5cd` | `oklch(92.52% 0.0344 82.69)` | Décor White | black, 16.8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #8b5338 0.0%, #8b513e 3.2%, #8a4f43 6.5%, #884d4a 9.7%, #844b50 12.9%, #7f4a56 16.1%, #7a495c 19.4%, #734862 22.6%, #6c4967 25.8%, #644a6b 29.0%, #5d4b6d 32.3%, #564d6f 35.5%, #4f5070 38.7%, #4a5371 41.9%, #475671 45.2%, #455b72 48.4%, #456073 51.6%, #486775 54.8%, #4d6f78 58.1%, #54787c 61.3%, #5f8280 64.5%, #6b8c85 67.7%, #79978a 71.0%, #88a191 74.2%, #98ac97 77.4%, #a8b69f 80.6%, #b7c0a7 83.9%, #c6c9af 87.1%, #d4d2b8 90.3%, #e0dac0 93.5%, #eae0c7 96.8%, #f2e5cd 100.0%);
background: linear-gradient(225deg in oklch, oklch(50.00% 0.0854 45.00) 0.0%, oklch(49.79% 0.0839 39.17) 3.2%, oklch(49.39% 0.0820 32.14) 6.5%, oklch(48.85% 0.0798 24.04) 9.7%, oklch(48.20% 0.0772 14.98) 12.9%, oklch(47.50% 0.0745 5.11) 16.1%, oklch(46.77% 0.0715 354.55) 19.4%, oklch(46.06% 0.0685 343.43) 22.6%, oklch(45.42% 0.0654 331.87) 25.8%, oklch(44.88% 0.0622 320.01) 29.0%, oklch(44.49% 0.0591 307.97) 32.3%, oklch(44.29% 0.0562 295.89) 35.5%, oklch(44.32% 0.0533 283.89) 38.7%, oklch(44.62% 0.0507 272.09) 41.9%, oklch(45.24% 0.0484 260.64) 45.2%, oklch(46.22% 0.0463 249.65) 48.4%, oklch(47.61% 0.0447 239.09) 51.6%, oklch(49.54% 0.0432 228.08) 54.8%, oklch(51.95% 0.0419 216.59) 58.1%, oklch(54.76% 0.0408 204.74) 61.3%, oklch(57.91% 0.0398 192.68) 64.5%, oklch(61.31% 0.0390 180.51) 67.7%, oklch(64.88% 0.0382 168.39) 71.0%, oklch(68.56% 0.0376 156.44) 74.2%, oklch(72.27% 0.0371 144.79) 77.4%, oklch(75.92% 0.0366 133.57) 80.6%, oklch(79.45% 0.0362 122.92) 83.9%, oklch(82.77% 0.0358 112.96) 87.1%, oklch(85.82% 0.0355 103.82) 90.3%, oklch(88.51% 0.0351 95.65) 93.5%, oklch(90.77% 0.0348 88.56) 96.8%, oklch(92.52% 0.0344 82.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.085 | 45 |
| 2 | 0.469 | 0.045 | -115.6 |
| 3 | 0.925 | 0.034 | -277.3 |

## In these collections

- [Vintage stationery](https://grabient.com/vintage-stationery)

## Other forms

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