# Indigo rose evening diagonal

Teal, navy, gray and purple linear gradient with 64 colors: #609987, #599485, #4f8e83, #448680, #387d7c, #2b7378, #1d6973, #105e6e, #065369, #024763, #053d5d, #0a3357, #0f2a51, #13224c, #171c47, #1a1843, #1e1540, #23153f, #29173f, #301a40, #381f41, #412544, #4a2c47, #54344b, #5d3d50, #674655, #704f5b, #785960, #7f6167, #86696c, #8b7071, #907575, #937978, #957b7b, #987d7d, #9a7f7e, #9b8080, #9c8081, #9d8082, #9e7f82, #9e7e83, #9d7c83, #9c7a83, #9b7883, #997583, #977383, #957083, #926d82, #8e6981, #8a6580, #84607e, #7e5a7b, #775479, #6f4e76, #674873, #5f4270, #563c6d, #4e366a, #463166, #3e2c63, #372760, #31235e, #2b205b, #271d59. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, navy, gray and purple linear gradient
- Seed: `kWojB6nhzNcuMStJFLupCW5I`
- Page: https://grabient.com/kWojB6nhzNcuMStJFLupCW5I?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.1 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 | `#609987` | `oklch(63.78% 0.0661 172.27)` | Grey Teal | black, 6.3 to 1 |
| 2 | `#599485` | `oklch(62.20% 0.0667 176.38)` | Thermal Spring | black, 6 to 1 |
| 3 | `#4f8e83` | `oklch(60.09% 0.0675 181.39)` | Dusty Teal | black, 5.5 to 1 |
| 4 | `#448680` | `oklch(57.52% 0.0686 187.21)` | Carlisle | black, 4.9 to 1 |
| 5 | `#387d7c` | `oklch(54.59% 0.0698 193.72)` | Blue Venus | white, 4.7 to 1 |
| 6 | `#2b7378` | `oklch(51.39% 0.0712 200.82)` | King Tide | white, 5.4 to 1 |
| 7 | `#1d6973` | `oklch(48.00% 0.0726 208.41)` | Persian Mosaic | white, 6.3 to 1 |
| 8 | `#105e6e` | `oklch(44.52% 0.0740 216.38)` | Galapagos | white, 7.3 to 1 |
| 9 | `#065369` | `oklch(41.03% 0.0754 224.63)` | Blue Palisade | white, 8.6 to 1 |
| 10 | `#024763` | `oklch(37.62% 0.0766 233.05)` | Stegadon Scale Green | white, 10 to 1 |
| 11 | `#053d5d` | `oklch(34.39% 0.0777 241.53)` | Poseidon | white, 11.4 to 1 |
| 12 | `#0a3357` | `oklch(31.42% 0.0787 249.98)` | Incremental Blue | white, 12.9 to 1 |
| 13 | `#0f2a51` | `oklch(28.80% 0.0793 258.29)` | Dark Tyrian Blue | white, 14.2 to 1 |
| 14 | `#13224c` | `oklch(26.62% 0.0797 266.35)` | Dark Eclipse | white, 15.4 to 1 |
| 15 | `#171c47` | `oklch(24.97% 0.0796 274.06)` | Konkikyō Blue | white, 16.2 to 1 |
| 16 | `#1a1843` | `oklch(23.94% 0.0792 281.32)` | Prune Plum | white, 16.7 to 1 |
| 17 | `#1e1540` | `oklch(23.61% 0.0783 288.04)` | Prune Plum | white, 16.9 to 1 |
| 18 | `#23153f` | `oklch(24.02% 0.0767 294.81)` | Prune Plum | white, 16.7 to 1 |
| 19 | `#29173f` | `oklch(25.08% 0.0745 301.81)` | Blackcurrant | white, 16.3 to 1 |
| 20 | `#301a40` | `oklch(26.72% 0.0718 308.97)` | Blackcurrant | white, 15.5 to 1 |
| 21 | `#381f41` | `oklch(28.83% 0.0686 316.20)` | Power Outage | white, 14.5 to 1 |
| 22 | `#412544` | `oklch(31.34% 0.0651 323.42)` | Purple Void | white, 13.3 to 1 |
| 23 | `#4a2c47` | `oklch(34.15% 0.0614 330.55)` | Purple Pennant | white, 12 to 1 |
| 24 | `#54344b` | `oklch(37.18% 0.0576 337.51)` | Italian Plum | white, 10.6 to 1 |
| 25 | `#5d3d50` | `oklch(40.34% 0.0537 344.22)` | Dark Potion | white, 9.3 to 1 |
| 26 | `#674655` | `oklch(43.55% 0.0498 350.60)` | Plum Harvest | white, 8.1 to 1 |
| 27 | `#704f5b` | `oklch(46.72% 0.0462 356.56)` | Fine Wine | white, 7 to 1 |
| 28 | `#785960` | `oklch(49.75% 0.0427 2.03)` | Falcon Wing | white, 6.2 to 1 |
| 29 | `#7f6167` | `oklch(52.57% 0.0397 6.92)` | Celine | white, 5.4 to 1 |
| 30 | `#86696c` | `oklch(55.08% 0.0370 11.16)` | Ancient Shelter | white, 4.9 to 1 |
| 31 | `#8b7071` | `oklch(57.20% 0.0350 14.65)` | Touch of Class | black, 4.6 to 1 |
| 32 | `#907575` | `oklch(58.84% 0.0335 17.33)` | Socialite | black, 4.9 to 1 |
| 33 | `#937978` | `oklch(59.96% 0.0328 19.10)` | Chocolaty | black, 5.2 to 1 |
| 34 | `#957b7b` | `oklch(60.85% 0.0325 19.98)` | Chocolaty | black, 5.4 to 1 |
| 35 | `#987d7d` | `oklch(61.55% 0.0327 20.04)` | Opium | black, 5.5 to 1 |
| 36 | `#9a7f7e` | `oklch(62.07% 0.0332 19.35)` | Opium | black, 5.6 to 1 |
| 37 | `#9b8080` | `oklch(62.43% 0.0341 18.00)` | Opium | black, 5.7 to 1 |
| 38 | `#9c8081` | `oklch(62.63% 0.0352 16.08)` | Plumville | black, 5.8 to 1 |
| 39 | `#9d8082` | `oklch(62.69% 0.0367 13.66)` | Plumville | black, 5.8 to 1 |
| 40 | `#9e7f82` | `oklch(62.59% 0.0383 10.83)` | Plumville | black, 5.7 to 1 |
| 41 | `#9e7e83` | `oklch(62.37% 0.0402 7.67)` | Plumville | black, 5.7 to 1 |
| 42 | `#9d7c83` | `oklch(62.02% 0.0422 4.26)` | Mulberry Wine | black, 5.6 to 1 |
| 43 | `#9c7a83` | `oklch(61.55% 0.0444 0.68)` | Century’s Last Sunset | black, 5.5 to 1 |
| 44 | `#9b7883` | `oklch(60.97% 0.0467 357.02)` | Century’s Last Sunset | black, 5.4 to 1 |
| 45 | `#997583` | `oklch(60.29% 0.0490 353.35)` | Dusk Wine | black, 5.2 to 1 |
| 46 | `#977383` | `oklch(59.52% 0.0513 349.76)` | Dusk Wine | black, 5 to 1 |
| 47 | `#957083` | `oklch(58.66% 0.0536 346.34)` | Meadow Flower | black, 4.8 to 1 |
| 48 | `#926d82` | `oklch(57.73% 0.0559 343.15)` | Strikemaster | black, 4.7 to 1 |
| 49 | `#8e6981` | `oklch(56.65% 0.0583 340.08)` | Milkwort Red | white, 4.6 to 1 |
| 50 | `#8a6580` | `oklch(55.28% 0.0609 336.68)` | Blackberry Jam | white, 4.9 to 1 |
| 51 | `#84607e` | `oklch(53.64% 0.0639 332.98)` | Purple Gumdrop | white, 5.3 to 1 |
| 52 | `#7e5a7b` | `oklch(51.79% 0.0670 329.04)` | Trendy Pink | white, 5.7 to 1 |
| 53 | `#775479` | `oklch(49.77% 0.0704 324.93)` | Birthstone | white, 6.2 to 1 |
| 54 | `#6f4e76` | `oklch(47.61% 0.0739 320.71)` | Gladiola Violet | white, 6.8 to 1 |
| 55 | `#674873` | `oklch(45.37% 0.0774 316.43)` | Neon Violet | white, 7.6 to 1 |
| 56 | `#5f4270` | `oklch(43.08% 0.0809 312.16)` | Grape Popsicle | white, 8.3 to 1 |
| 57 | `#563c6d` | `oklch(40.79% 0.0845 307.95)` | Succinct Violet | white, 9.2 to 1 |
| 58 | `#4e366a` | `oklch(38.54% 0.0879 303.86)` | Petunia | white, 10.1 to 1 |
| 59 | `#463166` | `oklch(36.38% 0.0911 299.96)` | Violet Indigo | white, 11 to 1 |
| 60 | `#3e2c63` | `oklch(34.34% 0.0942 296.31)` | Minsk | white, 12 to 1 |
| 61 | `#372760` | `oklch(32.48% 0.0970 292.96)` | Paris M | white, 12.9 to 1 |
| 62 | `#31235e` | `oklch(30.83% 0.0995 289.97)` | Paris M | white, 13.6 to 1 |
| 63 | `#2b205b` | `oklch(29.44% 0.1016 287.41)` | Cluedo Night | white, 14.3 to 1 |
| 64 | `#271d59` | `oklch(28.35% 0.1033 285.34)` | Spacescape | white, 14.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #609987 0.0%, #599485 1.6%, #4f8e83 3.2%, #448680 4.8%, #387d7c 6.3%, #2b7378 7.9%, #1d6973 9.5%, #105e6e 11.1%, #065369 12.7%, #024763 14.3%, #053d5d 15.9%, #0a3357 17.5%, #0f2a51 19.0%, #13224c 20.6%, #171c47 22.2%, #1a1843 23.8%, #1e1540 25.4%, #23153f 27.0%, #29173f 28.6%, #301a40 30.2%, #381f41 31.7%, #412544 33.3%, #4a2c47 34.9%, #54344b 36.5%, #5d3d50 38.1%, #674655 39.7%, #704f5b 41.3%, #785960 42.9%, #7f6167 44.4%, #86696c 46.0%, #8b7071 47.6%, #907575 49.2%, #937978 50.8%, #957b7b 52.4%, #987d7d 54.0%, #9a7f7e 55.6%, #9b8080 57.1%, #9c8081 58.7%, #9d8082 60.3%, #9e7f82 61.9%, #9e7e83 63.5%, #9d7c83 65.1%, #9c7a83 66.7%, #9b7883 68.3%, #997583 69.8%, #977383 71.4%, #957083 73.0%, #926d82 74.6%, #8e6981 76.2%, #8a6580 77.8%, #84607e 79.4%, #7e5a7b 81.0%, #775479 82.5%, #6f4e76 84.1%, #674873 85.7%, #5f4270 87.3%, #563c6d 88.9%, #4e366a 90.5%, #463166 92.1%, #3e2c63 93.7%, #372760 95.2%, #31235e 96.8%, #2b205b 98.4%, #271d59 100.0%);
background: linear-gradient(135deg in oklch, oklch(63.78% 0.0661 172.27) 0.0%, oklch(62.20% 0.0667 176.38) 1.6%, oklch(60.09% 0.0675 181.39) 3.2%, oklch(57.52% 0.0686 187.21) 4.8%, oklch(54.59% 0.0698 193.72) 6.3%, oklch(51.39% 0.0712 200.82) 7.9%, oklch(48.00% 0.0726 208.41) 9.5%, oklch(44.52% 0.0740 216.38) 11.1%, oklch(41.03% 0.0754 224.63) 12.7%, oklch(37.62% 0.0766 233.05) 14.3%, oklch(34.39% 0.0777 241.53) 15.9%, oklch(31.42% 0.0787 249.98) 17.5%, oklch(28.80% 0.0793 258.29) 19.0%, oklch(26.62% 0.0797 266.35) 20.6%, oklch(24.97% 0.0796 274.06) 22.2%, oklch(23.94% 0.0792 281.32) 23.8%, oklch(23.61% 0.0783 288.04) 25.4%, oklch(24.02% 0.0767 294.81) 27.0%, oklch(25.08% 0.0745 301.81) 28.6%, oklch(26.72% 0.0718 308.97) 30.2%, oklch(28.83% 0.0686 316.20) 31.7%, oklch(31.34% 0.0651 323.42) 33.3%, oklch(34.15% 0.0614 330.55) 34.9%, oklch(37.18% 0.0576 337.51) 36.5%, oklch(40.34% 0.0537 344.22) 38.1%, oklch(43.55% 0.0498 350.60) 39.7%, oklch(46.72% 0.0462 356.56) 41.3%, oklch(49.75% 0.0427 2.03) 42.9%, oklch(52.57% 0.0397 6.92) 44.4%, oklch(55.08% 0.0370 11.16) 46.0%, oklch(57.20% 0.0350 14.65) 47.6%, oklch(58.84% 0.0335 17.33) 49.2%, oklch(59.96% 0.0328 19.10) 50.8%, oklch(60.85% 0.0325 19.98) 52.4%, oklch(61.55% 0.0327 20.04) 54.0%, oklch(62.07% 0.0332 19.35) 55.6%, oklch(62.43% 0.0341 18.00) 57.1%, oklch(62.63% 0.0352 16.08) 58.7%, oklch(62.69% 0.0367 13.66) 60.3%, oklch(62.59% 0.0383 10.83) 61.9%, oklch(62.37% 0.0402 7.67) 63.5%, oklch(62.02% 0.0422 4.26) 65.1%, oklch(61.55% 0.0444 0.68) 66.7%, oklch(60.97% 0.0467 357.02) 68.3%, oklch(60.29% 0.0490 353.35) 69.8%, oklch(59.52% 0.0513 349.76) 71.4%, oklch(58.66% 0.0536 346.34) 73.0%, oklch(57.73% 0.0559 343.15) 74.6%, oklch(56.65% 0.0583 340.08) 76.2%, oklch(55.28% 0.0609 336.68) 77.8%, oklch(53.64% 0.0639 332.98) 79.4%, oklch(51.79% 0.0670 329.04) 81.0%, oklch(49.77% 0.0704 324.93) 82.5%, oklch(47.61% 0.0739 320.71) 84.1%, oklch(45.37% 0.0774 316.43) 85.7%, oklch(43.08% 0.0809 312.16) 87.3%, oklch(40.79% 0.0845 307.95) 88.9%, oklch(38.54% 0.0879 303.86) 90.5%, oklch(36.38% 0.0911 299.96) 92.1%, oklch(34.34% 0.0942 296.31) 93.7%, oklch(32.48% 0.0970 292.96) 95.2%, oklch(30.83% 0.0995 289.97) 96.8%, oklch(29.44% 0.1016 287.41) 98.4%, oklch(28.35% 0.1033 285.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.638 | 0.066 | 172.3 |
| 2 | 0.236 | 0.079 | 286.4 |
| 3 | 0.594 | 0.033 | 378.3 |
| 4 | 0.575 | 0.056 | 342.4 |
| 5 | 0.283 | 0.103 | 285.3 |

## In these collections

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

## Other forms

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