# Rose smoke across evening blue

Pink, blue and mauve linear gradient with 48 colors: #c38275, #c38079, #c27f7d, #c17e82, #bf7d87, #bc7c8e, #b97b94, #b47b9b, #af7ba1, #a87ba8, #a17cad, #997db2, #907fb5, #8780b7, #7e82b8, #7583b7, #6c85b6, #6486b4, #5d87b1, #5787ae, #5388ab, #4f88a8, #4d88a6, #4c87a4, #4c86a3, #4e86a3, #5084a3, #5483a4, #5881a4, #5d7fa5, #637ea5, #697ba4, #6f79a3, #7677a1, #7c759e, #82739a, #877296, #8b7090, #8f708b, #926f86, #946f80, #956f7b, #966f76, #967072, #96706f, #95716c, #95726a, #947269. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, blue and mauve linear gradient
- Seed: `kSqj0WS5utEoQ02`
- Page: https://grabient.com/kSqj0WS5utEoQ02?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: even lightness, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 1.3 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 | `#c38275` | `oklch(66.93% 0.0841 30.94)` | Earthworm | black, 6.7 to 1 |
| 2 | `#c38079` | `oklch(66.75% 0.0839 26.98)` | Brownish Pink | black, 6.7 to 1 |
| 3 | `#c27f7d` | `oklch(66.54% 0.0837 21.97)` | Brownish Pink | black, 6.6 to 1 |
| 4 | `#c17e82` | `oklch(66.29% 0.0836 16.01)` | Chick Flick | black, 6.5 to 1 |
| 5 | `#bf7d87` | `oklch(66.02% 0.0834 9.23)` | Lipstick Pink | black, 6.4 to 1 |
| 6 | `#bc7c8e` | `oklch(65.72% 0.0832 1.73)` | Polignac | black, 6.4 to 1 |
| 7 | `#b97b94` | `oklch(65.40% 0.0831 353.62)` | Polignac | black, 6.3 to 1 |
| 8 | `#b47b9b` | `oklch(65.05% 0.0829 345.02)` | Purple Cheeks | black, 6.2 to 1 |
| 9 | `#af7ba1` | `oklch(64.70% 0.0827 336.03)` | Victorian Violet | black, 6.1 to 1 |
| 10 | `#a87ba8` | `oklch(64.32% 0.0825 326.78)` | Design Delight | black, 6 to 1 |
| 11 | `#a17cad` | `oklch(63.94% 0.0823 317.37)` | Design Delight | black, 6 to 1 |
| 12 | `#997db2` | `oklch(63.56% 0.0820 307.91)` | English Lavender | black, 5.9 to 1 |
| 13 | `#907fb5` | `oklch(63.16% 0.0817 298.51)` | Bravo! | black, 5.8 to 1 |
| 14 | `#8780b7` | `oklch(62.77% 0.0814 289.30)` | Bravo! | black, 5.8 to 1 |
| 15 | `#7e82b8` | `oklch(62.39% 0.0811 280.37)` | Deep Periwinkle | black, 5.7 to 1 |
| 16 | `#7583b7` | `oklch(62.00% 0.0807 271.84)` | Venture Violet | black, 5.7 to 1 |
| 17 | `#6c85b6` | `oklch(61.63% 0.0803 263.83)` | Kimono | black, 5.6 to 1 |
| 18 | `#6486b4` | `oklch(61.27% 0.0799 256.44)` | Perfect Periwinkle | black, 5.6 to 1 |
| 19 | `#5d87b1` | `oklch(60.92% 0.0794 249.79)` | Pacific Coast | black, 5.5 to 1 |
| 20 | `#5787ae` | `oklch(60.60% 0.0789 243.98)` | Sand Shark | black, 5.5 to 1 |
| 21 | `#5388ab` | `oklch(60.29% 0.0783 239.14)` | Blueberry Muffin | black, 5.4 to 1 |
| 22 | `#4f88a8` | `oklch(60.01% 0.0776 235.37)` | Safe Haven | black, 5.4 to 1 |
| 23 | `#4d88a6` | `oklch(59.76% 0.0769 232.78)` | Hemisphere | black, 5.3 to 1 |
| 24 | `#4c87a4` | `oklch(59.55% 0.0762 231.49)` | Raging Tide | black, 5.3 to 1 |
| 25 | `#4c86a3` | `oklch(59.36% 0.0754 231.61)` | Hemisphere | black, 5.2 to 1 |
| 26 | `#4e86a3` | `oklch(59.19% 0.0744 233.13)` | Hemisphere | black, 5.2 to 1 |
| 27 | `#5084a3` | `oklch(59.05% 0.0733 235.96)` | Hemisphere | black, 5.1 to 1 |
| 28 | `#5483a4` | `oklch(58.92% 0.0722 239.98)` | Hemisphere | black, 5.1 to 1 |
| 29 | `#5881a4` | `oklch(58.81% 0.0709 245.07)` | Sapphired | black, 5.1 to 1 |
| 30 | `#5d7fa5` | `oklch(58.72% 0.0696 251.14)` | Revival | black, 5 to 1 |
| 31 | `#637ea5` | `oklch(58.63% 0.0682 258.05)` | Miracle Elixir | black, 5 to 1 |
| 32 | `#697ba4` | `oklch(58.56% 0.0667 265.70)` | Night Thistle | black, 4.9 to 1 |
| 33 | `#6f79a3` | `oklch(58.51% 0.0652 273.97)` | Night Thistle | black, 4.9 to 1 |
| 34 | `#7677a1` | `oklch(58.46% 0.0636 282.76)` | Blue Dove | black, 4.9 to 1 |
| 35 | `#7c759e` | `oklch(58.43% 0.0621 291.95)` | Benimidori Purple | black, 4.8 to 1 |
| 36 | `#82739a` | `oklch(58.40% 0.0605 301.42)` | Purple Haze | black, 4.8 to 1 |
| 37 | `#877296` | `oklch(58.38% 0.0589 311.07)` | Greyish Purple | black, 4.8 to 1 |
| 38 | `#8b7090` | `oklch(58.36% 0.0574 320.77)` | Greyish Purple | black, 4.8 to 1 |
| 39 | `#8f708b` | `oklch(58.35% 0.0559 330.42)` | Wine Stroll | black, 4.8 to 1 |
| 40 | `#926f86` | `oklch(58.34% 0.0544 339.91)` | Very Grape | black, 4.8 to 1 |
| 41 | `#946f80` | `oklch(58.34% 0.0530 349.11)` | Heritage Taffeta | black, 4.8 to 1 |
| 42 | `#956f7b` | `oklch(58.33% 0.0516 357.93)` | Heritage Taffeta | black, 4.8 to 1 |
| 43 | `#966f76` | `oklch(58.33% 0.0503 6.23)` | Wistful Mauve | black, 4.8 to 1 |
| 44 | `#967072` | `oklch(58.32% 0.0491 13.92)` | Homestead Red | black, 4.8 to 1 |
| 45 | `#96706f` | `oklch(58.32% 0.0480 20.88)` | Homestead Red | black, 4.8 to 1 |
| 46 | `#95716c` | `oklch(58.31% 0.0470 26.99)` | Prairie Dog | black, 4.8 to 1 |
| 47 | `#95726a` | `oklch(58.29% 0.0462 32.14)` | Prairie Dog | black, 4.8 to 1 |
| 48 | `#947269` | `oklch(58.27% 0.0455 36.22)` | Prairie Dog | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c38275 0.0%, #c38079 2.1%, #c27f7d 4.3%, #c17e82 6.4%, #bf7d87 8.5%, #bc7c8e 10.6%, #b97b94 12.8%, #b47b9b 14.9%, #af7ba1 17.0%, #a87ba8 19.1%, #a17cad 21.3%, #997db2 23.4%, #907fb5 25.5%, #8780b7 27.7%, #7e82b8 29.8%, #7583b7 31.9%, #6c85b6 34.0%, #6486b4 36.2%, #5d87b1 38.3%, #5787ae 40.4%, #5388ab 42.6%, #4f88a8 44.7%, #4d88a6 46.8%, #4c87a4 48.9%, #4c86a3 51.1%, #4e86a3 53.2%, #5084a3 55.3%, #5483a4 57.4%, #5881a4 59.6%, #5d7fa5 61.7%, #637ea5 63.8%, #697ba4 66.0%, #6f79a3 68.1%, #7677a1 70.2%, #7c759e 72.3%, #82739a 74.5%, #877296 76.6%, #8b7090 78.7%, #8f708b 80.9%, #926f86 83.0%, #946f80 85.1%, #956f7b 87.2%, #966f76 89.4%, #967072 91.5%, #96706f 93.6%, #95716c 95.7%, #95726a 97.9%, #947269 100.0%);
background: linear-gradient(135deg in oklch, oklch(66.93% 0.0841 30.94) 0.0%, oklch(66.75% 0.0839 26.98) 2.1%, oklch(66.54% 0.0837 21.97) 4.3%, oklch(66.29% 0.0836 16.01) 6.4%, oklch(66.02% 0.0834 9.23) 8.5%, oklch(65.72% 0.0832 1.73) 10.6%, oklch(65.40% 0.0831 353.62) 12.8%, oklch(65.05% 0.0829 345.02) 14.9%, oklch(64.70% 0.0827 336.03) 17.0%, oklch(64.32% 0.0825 326.78) 19.1%, oklch(63.94% 0.0823 317.37) 21.3%, oklch(63.56% 0.0820 307.91) 23.4%, oklch(63.16% 0.0817 298.51) 25.5%, oklch(62.77% 0.0814 289.30) 27.7%, oklch(62.39% 0.0811 280.37) 29.8%, oklch(62.00% 0.0807 271.84) 31.9%, oklch(61.63% 0.0803 263.83) 34.0%, oklch(61.27% 0.0799 256.44) 36.2%, oklch(60.92% 0.0794 249.79) 38.3%, oklch(60.60% 0.0789 243.98) 40.4%, oklch(60.29% 0.0783 239.14) 42.6%, oklch(60.01% 0.0776 235.37) 44.7%, oklch(59.76% 0.0769 232.78) 46.8%, oklch(59.55% 0.0762 231.49) 48.9%, oklch(59.36% 0.0754 231.61) 51.1%, oklch(59.19% 0.0744 233.13) 53.2%, oklch(59.05% 0.0733 235.96) 55.3%, oklch(58.92% 0.0722 239.98) 57.4%, oklch(58.81% 0.0709 245.07) 59.6%, oklch(58.72% 0.0696 251.14) 61.7%, oklch(58.63% 0.0682 258.05) 63.8%, oklch(58.56% 0.0667 265.70) 66.0%, oklch(58.51% 0.0652 273.97) 68.1%, oklch(58.46% 0.0636 282.76) 70.2%, oklch(58.43% 0.0621 291.95) 72.3%, oklch(58.40% 0.0605 301.42) 74.5%, oklch(58.38% 0.0589 311.07) 76.6%, oklch(58.36% 0.0574 320.77) 78.7%, oklch(58.35% 0.0559 330.42) 80.9%, oklch(58.34% 0.0544 339.91) 83.0%, oklch(58.34% 0.0530 349.11) 85.1%, oklch(58.33% 0.0516 357.93) 87.2%, oklch(58.33% 0.0503 6.23) 89.4%, oklch(58.32% 0.0491 13.92) 91.5%, oklch(58.32% 0.0480 20.88) 93.6%, oklch(58.31% 0.0470 26.99) 95.7%, oklch(58.29% 0.0462 32.14) 97.9%, oklch(58.27% 0.0455 36.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.084 | 30.9 |
| 2 | 0.594 | 0.076 | -128.6 |
| 3 | 0.583 | 0.045 | 36.2 |

## In these collections

- [First woodsmoke evening](https://grabient.com/first-woodsmoke-evening)

## Other forms

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