# Terracotta and stone paper lantern dusk

The Terracotta and stone paper lantern dusk brings together orange, red, magenta, blue, light blue, and light magenta. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is blue, and its lightest tone is light magenta.

- Also called: Orange, purple, blue and gray linear gradient
- Seed: `kcpHMeRTO97ikOw3Jjkwqo9lKiP3iE0FawtGA`
- Page: https://grabient.com/kcpHMeRTO97ikOw3Jjkwqo9lKiP3iE0FawtGA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#db6735` | `oklch(64.57% 0.1585 42.19)` | Bronzed | black, 5.9 to 1 |
| 2 | `#d56237` | `oklch(62.94% 0.1564 39.99)` | Vermilion Waxcap | black, 5.6 to 1 |
| 3 | `#cc5a38` | `oklch(60.62% 0.1536 37.06)` | Reed Mace | black, 5.1 to 1 |
| 4 | `#c2523b` | `oklch(57.96% 0.1498 33.13)` | Trinidad | white, 4.5 to 1 |
| 5 | `#b84a40` | `oklch(55.35% 0.1446 27.95)` | Habañero Chile | white, 5.1 to 1 |
| 6 | `#ad4448` | `oklch(52.98% 0.1373 21.27)` | Daredevil | white, 5.6 to 1 |
| 7 | `#9f404f` | `oklch(50.46% 0.1267 13.09)` | Charleston Cherry | white, 6.2 to 1 |
| 8 | `#913d56` | `oklch(47.98% 0.1151 3.71)` | Ancient Magenta | white, 6.9 to 1 |
| 9 | `#833c5c` | `oklch(45.84% 0.1048 353.41)` | Berry Patch | white, 7.6 to 1 |
| 10 | `#783b62` | `oklch(44.31% 0.0987 342.45)` | Burnt Orchid | white, 8 to 1 |
| 11 | `#6e3b6a` | `oklch(43.32% 0.0971 329.55)` | Burnt Orchid | white, 8.4 to 1 |
| 12 | `#633d74` | `oklch(42.74% 0.0984 315.24)` | Heartless | white, 8.6 to 1 |
| 13 | `#59407d` | `oklch(42.64% 0.1013 301.34)` | Cyber Grape | white, 8.5 to 1 |
| 14 | `#504485` | `oklch(43.08% 0.1041 289.67)` | Harvest Night | white, 8.3 to 1 |
| 15 | `#4a4a8c` | `oklch(44.15% 0.1066 281.49)` | Beaded Blue | white, 7.9 to 1 |
| 16 | `#485094` | `oklch(45.91% 0.1101 275.81)` | Crushed Velvet | white, 7.3 to 1 |
| 17 | `#48589e` | `oklch(48.13% 0.1136 271.84)` | Purple Frenzy | white, 6.6 to 1 |
| 18 | `#4a60a7` | `oklch(50.59% 0.1158 268.86)` | Starstruck | white, 5.9 to 1 |
| 19 | `#4d68af` | `oklch(53.08% 0.1153 266.17)` | Azraq Blue | white, 5.3 to 1 |
| 20 | `#5272b6` | `oklch(55.77% 0.1123 264.06)` | Prefect | white, 4.7 to 1 |
| 21 | `#5a7bbc` | `oklch(58.68% 0.1076 262.76)` | Blue Android Base | black, 4.9 to 1 |
| 22 | `#6385c2` | `oklch(61.65% 0.1016 262.27)` | Bodega Bay | black, 5.6 to 1 |
| 23 | `#6f8ec8` | `oklch(64.56% 0.0947 262.59)` | Hydrangea | black, 6.3 to 1 |
| 24 | `#7b96cc` | `oklch(67.42% 0.0866 263.34)` | Pannikin | black, 7 to 1 |
| 25 | `#889fd0` | `oklch(70.37% 0.0767 264.40)` | Wisteria Blue | black, 7.9 to 1 |
| 26 | `#95a8d3` | `oklch(73.23% 0.0664 266.59)` | Foresight | black, 8.8 to 1 |
| 27 | `#a3afd6` | `oklch(75.84% 0.0569 270.74)` | Calm Interlude | black, 9.6 to 1 |
| 28 | `#b0b5d8` | `oklch(78.08% 0.0494 277.97)` | Wild Orchid Blue | black, 10.4 to 1 |
| 29 | `#bdbad9` | `oklch(80.08% 0.0430 289.88)` | Lavender Grey | black, 11.1 to 1 |
| 30 | `#c9bed8` | `oklch(81.82% 0.0377 303.99)` | Playful Petal | black, 11.8 to 1 |
| 31 | `#d1c2d7` | `oklch(83.23% 0.0334 317.12)` | Seedless Grape | black, 12.3 to 1 |
| 32 | `#d6c5d6` | `oklch(84.25% 0.0303 326.10)` | Tender Touch | black, 12.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #db6735 0.0%, #d56237 3.2%, #cc5a38 6.5%, #c2523b 9.7%, #b84a40 12.9%, #ad4448 16.1%, #9f404f 19.4%, #913d56 22.6%, #833c5c 25.8%, #783b62 29.0%, #6e3b6a 32.3%, #633d74 35.5%, #59407d 38.7%, #504485 41.9%, #4a4a8c 45.2%, #485094 48.4%, #48589e 51.6%, #4a60a7 54.8%, #4d68af 58.1%, #5272b6 61.3%, #5a7bbc 64.5%, #6385c2 67.7%, #6f8ec8 71.0%, #7b96cc 74.2%, #889fd0 77.4%, #95a8d3 80.6%, #a3afd6 83.9%, #b0b5d8 87.1%, #bdbad9 90.3%, #c9bed8 93.5%, #d1c2d7 96.8%, #d6c5d6 100.0%);
background: linear-gradient(90deg in oklch, oklch(64.57% 0.1585 42.19) 0.0%, oklch(62.94% 0.1564 39.99) 3.2%, oklch(60.62% 0.1536 37.06) 6.5%, oklch(57.96% 0.1498 33.13) 9.7%, oklch(55.35% 0.1446 27.95) 12.9%, oklch(52.98% 0.1373 21.27) 16.1%, oklch(50.46% 0.1267 13.09) 19.4%, oklch(47.98% 0.1151 3.71) 22.6%, oklch(45.84% 0.1048 353.41) 25.8%, oklch(44.31% 0.0987 342.45) 29.0%, oklch(43.32% 0.0971 329.55) 32.3%, oklch(42.74% 0.0984 315.24) 35.5%, oklch(42.64% 0.1013 301.34) 38.7%, oklch(43.08% 0.1041 289.67) 41.9%, oklch(44.15% 0.1066 281.49) 45.2%, oklch(45.91% 0.1101 275.81) 48.4%, oklch(48.13% 0.1136 271.84) 51.6%, oklch(50.59% 0.1158 268.86) 54.8%, oklch(53.08% 0.1153 266.17) 58.1%, oklch(55.77% 0.1123 264.06) 61.3%, oklch(58.68% 0.1076 262.76) 64.5%, oklch(61.65% 0.1016 262.27) 67.7%, oklch(64.56% 0.0947 262.59) 71.0%, oklch(67.42% 0.0866 263.34) 74.2%, oklch(70.37% 0.0767 264.40) 77.4%, oklch(73.23% 0.0664 266.59) 80.6%, oklch(75.84% 0.0569 270.74) 83.9%, oklch(78.08% 0.0494 277.97) 87.1%, oklch(80.08% 0.0430 289.88) 90.3%, oklch(81.82% 0.0377 303.99) 93.5%, oklch(83.23% 0.0334 317.12) 96.8%, oklch(84.25% 0.0303 326.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.646 | 0.158 | 42.2 |
| 2 | 0.543 | 0.142 | 25.3 |
| 3 | 0.445 | 0.099 | -15.9 |
| 4 | 0.433 | 0.105 | -73 |
| 5 | 0.524 | 0.116 | -93.1 |
| 6 | 0.65 | 0.094 | -97.3 |
| 7 | 0.772 | 0.052 | -85.7 |
| 8 | 0.843 | 0.03 | -33.9 |

## In these collections

- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)

## Other forms

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