# Dusty blue and terracotta burnished beech canopy

The Dusty blue and terracotta burnished beech canopy brings together blue, teal, green, and orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is orange.

- Also called: Blue, teal and brown linear gradient
- Seed: `kUgB2vMhC6sAatxFq7XA`
- Page: https://grabient.com/kUgB2vMhC6sAatxFq7XA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.7 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 | `#52677a` | `oklch(50.39% 0.0400 246.09)` | Periscope | white, 5.8 to 1 |
| 2 | `#4f6578` | `oklch(49.67% 0.0402 243.68)` | Prairie Denim | white, 6 to 1 |
| 3 | `#4b6374` | `oklch(48.62% 0.0403 240.76)` | Winter Evening | white, 6.3 to 1 |
| 4 | `#465f70` | `oklch(47.34% 0.0405 237.37)` | Eclipse Blue | white, 6.6 to 1 |
| 5 | `#415c6b` | `oklch(45.92% 0.0407 233.55)` | Blue Spell | white, 7 to 1 |
| 6 | `#3c5866` | `oklch(44.44% 0.0409 229.33)` | Stargazer | white, 7.5 to 1 |
| 7 | `#365561` | `oklch(43.00% 0.0413 224.76)` | Opera Glasses | white, 8 to 1 |
| 8 | `#31525c` | `oklch(41.68% 0.0419 219.86)` | Encore Teal | white, 8.4 to 1 |
| 9 | `#2c4f58` | `oklch(40.58% 0.0426 214.68)` | Atlantic Deep | white, 8.8 to 1 |
| 10 | `#294e54` | `oklch(39.79% 0.0436 209.26)` | Hurricane Green Blue | white, 9.1 to 1 |
| 11 | `#264d51` | `oklch(39.40% 0.0450 203.63)` | Seagrass Green | white, 9.2 to 1 |
| 12 | `#244e4f` | `oklch(39.47% 0.0466 197.76)` | Seagrass Green | white, 9.2 to 1 |
| 13 | `#24504e` | `oklch(39.97% 0.0485 191.46)` | Hornblende Green | white, 8.9 to 1 |
| 14 | `#26534d` | `oklch(40.81% 0.0505 184.79)` | Forbidden Forest | white, 8.6 to 1 |
| 15 | `#29564d` | `oklch(41.93% 0.0528 177.78)` | Hypnotism | white, 8.2 to 1 |
| 16 | `#2e5a4c` | `oklch(43.23% 0.0553 170.50)` | Federal Fund | white, 7.7 to 1 |
| 17 | `#345e4b` | `oklch(44.64% 0.0580 163.00)` | Wine Leaf | white, 7.3 to 1 |
| 18 | `#3b6349` | `oklch(46.08% 0.0609 155.33)` | Poker Green | white, 6.8 to 1 |
| 19 | `#436647` | `oklch(47.48% 0.0640 147.55)` | Firm Green | white, 6.4 to 1 |
| 20 | `#4b6944` | `oklch(48.75% 0.0673 139.72)` | Garden Cucumber | white, 6.1 to 1 |
| 21 | `#546b40` | `oklch(49.83% 0.0707 131.88)` | Alfalfa Extract | white, 5.8 to 1 |
| 22 | `#5c6c3b` | `oklch(50.64% 0.0743 124.04)` | Spring Onion | white, 5.7 to 1 |
| 23 | `#656c35` | `oklch(51.31% 0.0785 115.53)` | Russian Uniform | white, 5.5 to 1 |
| 24 | `#6f6c2e` | `oklch(51.91% 0.0832 106.38)` | Safari Green | white, 5.4 to 1 |
| 25 | `#796a27` | `oklch(52.44% 0.0884 96.83)` | Brazen Brass | white, 5.3 to 1 |
| 26 | `#836720` | `oklch(52.90% 0.0937 87.16)` | Yukon Gold | white, 5.3 to 1 |
| 27 | `#8c641d` | `oklch(53.31% 0.0991 77.62)` | Kumera | white, 5.2 to 1 |
| 28 | `#95611d` | `oklch(53.67% 0.1043 68.48)` | Tapenade | white, 5.2 to 1 |
| 29 | `#9c5d22` | `oklch(53.98% 0.1091 59.99)` | Tortoiseshell Specs | white, 5.2 to 1 |
| 30 | `#a25a28` | `oklch(54.26% 0.1135 52.42)` | Glazed Ginger | white, 5.2 to 1 |
| 31 | `#a6572f` | `oklch(54.50% 0.1171 46.03)` | Tense Terracotta | white, 5.1 to 1 |
| 32 | `#aa5535` | `oklch(54.72% 0.1199 41.08)` | Flat Earth | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #52677a 0.0%, #4f6578 3.2%, #4b6374 6.5%, #465f70 9.7%, #415c6b 12.9%, #3c5866 16.1%, #365561 19.4%, #31525c 22.6%, #2c4f58 25.8%, #294e54 29.0%, #264d51 32.3%, #244e4f 35.5%, #24504e 38.7%, #26534d 41.9%, #29564d 45.2%, #2e5a4c 48.4%, #345e4b 51.6%, #3b6349 54.8%, #436647 58.1%, #4b6944 61.3%, #546b40 64.5%, #5c6c3b 67.7%, #656c35 71.0%, #6f6c2e 74.2%, #796a27 77.4%, #836720 80.6%, #8c641d 83.9%, #95611d 87.1%, #9c5d22 90.3%, #a25a28 93.5%, #a6572f 96.8%, #aa5535 100.0%);
background: linear-gradient(45deg in oklch, oklch(50.39% 0.0400 246.09) 0.0%, oklch(49.67% 0.0402 243.68) 3.2%, oklch(48.62% 0.0403 240.76) 6.5%, oklch(47.34% 0.0405 237.37) 9.7%, oklch(45.92% 0.0407 233.55) 12.9%, oklch(44.44% 0.0409 229.33) 16.1%, oklch(43.00% 0.0413 224.76) 19.4%, oklch(41.68% 0.0419 219.86) 22.6%, oklch(40.58% 0.0426 214.68) 25.8%, oklch(39.79% 0.0436 209.26) 29.0%, oklch(39.40% 0.0450 203.63) 32.3%, oklch(39.47% 0.0466 197.76) 35.5%, oklch(39.97% 0.0485 191.46) 38.7%, oklch(40.81% 0.0505 184.79) 41.9%, oklch(41.93% 0.0528 177.78) 45.2%, oklch(43.23% 0.0553 170.50) 48.4%, oklch(44.64% 0.0580 163.00) 51.6%, oklch(46.08% 0.0609 155.33) 54.8%, oklch(47.48% 0.0640 147.55) 58.1%, oklch(48.75% 0.0673 139.72) 61.3%, oklch(49.83% 0.0707 131.88) 64.5%, oklch(50.64% 0.0743 124.04) 67.7%, oklch(51.31% 0.0785 115.53) 71.0%, oklch(51.91% 0.0832 106.38) 74.2%, oklch(52.44% 0.0884 96.83) 77.4%, oklch(52.90% 0.0937 87.16) 80.6%, oklch(53.31% 0.0991 77.62) 83.9%, oklch(53.67% 0.1043 68.48) 87.1%, oklch(53.98% 0.1091 59.99) 90.3%, oklch(54.26% 0.1135 52.42) 93.5%, oklch(54.50% 0.1171 46.03) 96.8%, oklch(54.72% 0.1199 41.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.504 | 0.04 | 246.1 |
| 2 | 0.394 | 0.045 | 201.7 |
| 3 | 0.504 | 0.073 | 126.7 |
| 4 | 0.547 | 0.12 | 41.1 |

## In these collections

- [Burnished beech canopy](https://grabient.com/burnished-beech-canopy)

## Other forms

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