# Rose and navy bloom

Purple, navy, gray and black linear gradient with 64 colors: #723447, #6f3246, #6b3046, #662d45, #602a43, #5a2641, #53233f, #4c1f3c, #451b39, #3e1736, #371433, #301130, #290e2d, #230b2a, #1e0927, #190724, #150622, #120520, #0f051f, #0e061f, #0d071f, #0d0921, #0e0c23, #111128, #14172d, #191f34, #1f273c, #263144, #2f3b4e, #384658, #425263, #4d5e6e, #586b79, #647784, #6f838e, #7b8e99, #8699a2, #90a3ab, #98abb3, #a0b2b9, #a6b7be, #aabac1, #acbbc2, #acbac1, #aab7bd, #a6b1b8, #a0aab2, #9aa2aa, #9299a0, #898e96, #7f838b, #75777f, #6b6c73, #606066, #56545a, #4b494e, #413e43, #373438, #2e2b2e, #262325, #1f1b1d, #191517, #141012, #100d0e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, navy, gray and black linear gradient
- Seed: `kUaUICFJG3GOHOGUgk-A`
- Page: https://grabient.com/kUaUICFJG3GOHOGUgk-A?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center, neutral, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 10 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 | `#723447` | `oklch(41.34% 0.0909 2.81)` | Grapeshot | white, 9.1 to 1 |
| 2 | `#6f3246` | `oklch(40.59% 0.0898 0.85)` | Cabernet Craving | white, 9.4 to 1 |
| 3 | `#6b3046` | `oklch(39.56% 0.0885 358.54)` | Old Mauve | white, 9.8 to 1 |
| 4 | `#662d45` | `oklch(38.30% 0.0870 355.93)` | Old Mauve | white, 10.3 to 1 |
| 5 | `#602a43` | `oklch(36.83% 0.0853 353.03)` | Quills of Terico | white, 10.9 to 1 |
| 6 | `#5a2641` | `oklch(35.19% 0.0834 349.88)` | Zinfandel | white, 11.7 to 1 |
| 7 | `#53233f` | `oklch(33.43% 0.0815 346.51)` | Prestige Mauve | white, 12.5 to 1 |
| 8 | `#4c1f3c` | `oklch(31.57% 0.0794 342.93)` | Prestige Mauve | white, 13.3 to 1 |
| 9 | `#451b39` | `oklch(29.65% 0.0772 339.18)` | Chilli Black Red | white, 14.2 to 1 |
| 10 | `#3e1736` | `oklch(27.72% 0.0749 335.30)` | Nightly Voyager | white, 15.1 to 1 |
| 11 | `#371433` | `oklch(25.80% 0.0726 331.30)` | Nightly Voyager | white, 16 to 1 |
| 12 | `#301130` | `oklch(23.93% 0.0702 327.21)` | Synallactida | white, 16.8 to 1 |
| 13 | `#290e2d` | `oklch(22.15% 0.0678 323.06)` | Dark Prom Queen | white, 17.6 to 1 |
| 14 | `#230b2a` | `oklch(20.49% 0.0654 318.89)` | Blacklist | white, 18.2 to 1 |
| 15 | `#1e0927` | `oklch(19.00% 0.0630 314.71)` | Meški Black | white, 18.7 to 1 |
| 16 | `#190724` | `oklch(17.71% 0.0607 310.56)` | Meški Black | white, 19.1 to 1 |
| 17 | `#150622` | `oklch(16.65% 0.0584 306.46)` | Election Night | white, 19.4 to 1 |
| 18 | `#120520` | `oklch(15.86% 0.0561 302.45)` | Election Night | white, 19.6 to 1 |
| 19 | `#0f051f` | `oklch(15.37% 0.0540 298.55)` | Election Night | white, 19.7 to 1 |
| 20 | `#0e061f` | `oklch(15.24% 0.0519 294.78)` | Election Night | white, 19.7 to 1 |
| 21 | `#0d071f` | `oklch(15.48% 0.0500 291.19)` | Tristesse | white, 19.6 to 1 |
| 22 | `#0d0921` | `oklch(16.14% 0.0482 287.78)` | Tristesse | white, 19.4 to 1 |
| 23 | `#0e0c23` | `oklch(17.35% 0.0465 284.30)` | Tristesse | white, 19.1 to 1 |
| 24 | `#111128` | `oklch(19.17% 0.0449 280.49)` | Corbeau | white, 18.5 to 1 |
| 25 | `#14172d` | `oklch(21.53% 0.0432 276.41)` | Sambucus | white, 17.5 to 1 |
| 26 | `#191f34` | `oklch(24.36% 0.0416 272.11)` | Sombre Night | white, 16.3 to 1 |
| 27 | `#1f273c` | `oklch(27.60% 0.0401 267.66)` | Midnight Express | white, 14.8 to 1 |
| 28 | `#263144` | `oklch(31.17% 0.0385 263.12)` | Crow Black | white, 13.1 to 1 |
| 29 | `#2f3b4e` | `oklch(35.01% 0.0370 258.55)` | Dark Spell | white, 11.3 to 1 |
| 30 | `#384658` | `oklch(39.05% 0.0355 254.00)` | Compass Blue | white, 9.5 to 1 |
| 31 | `#425263` | `oklch(43.21% 0.0341 249.54)` | Twilight Chimes | white, 8 to 1 |
| 32 | `#4d5e6e` | `oklch(47.44% 0.0326 245.22)` | Ragtime Blues | white, 6.6 to 1 |
| 33 | `#586b79` | `oklch(51.66% 0.0313 241.11)` | Morro Bay | white, 5.5 to 1 |
| 34 | `#647784` | `oklch(55.81% 0.0299 237.26)` | Freedom Found | white, 4.6 to 1 |
| 35 | `#6f838e` | `oklch(59.80% 0.0286 233.74)` | Mica Creek | black, 5.3 to 1 |
| 36 | `#7b8e99` | `oklch(63.59% 0.0273 230.60)` | Sidewalk Grey | black, 6.1 to 1 |
| 37 | `#8699a2` | `oklch(67.09% 0.0261 227.91)` | Evening Eclipse | black, 7 to 1 |
| 38 | `#90a3ab` | `oklch(70.25% 0.0248 225.71)` | Galleria Blue | black, 7.9 to 1 |
| 39 | `#98abb3` | `oklch(72.98% 0.0237 224.08)` | Smoke on the Water | black, 8.8 to 1 |
| 40 | `#a0b2b9` | `oklch(75.22% 0.0225 223.07)` | Ovation | black, 9.5 to 1 |
| 41 | `#a6b7be` | `oklch(76.91% 0.0214 222.75)` | Languid Blue | black, 10.1 to 1 |
| 42 | `#aabac1` | `oklch(77.98% 0.0203 223.16)` | Glen Falls | black, 10.5 to 1 |
| 43 | `#acbbc2` | `oklch(78.35% 0.0193 224.38)` | Blue Heather | black, 10.6 to 1 |
| 44 | `#acbac1` | `oklch(78.00% 0.0183 226.59)` | Blue Heather | black, 10.5 to 1 |
| 45 | `#aab7bd` | `oklch(77.02% 0.0173 229.88)` | Elliott Bay | black, 10.1 to 1 |
| 46 | `#a6b1b8` | `oklch(75.44% 0.0164 234.14)` | Special Delivery | black, 9.6 to 1 |
| 47 | `#a0aab2` | `oklch(73.35% 0.0155 239.28)` | Chateau de Chillon | black, 8.9 to 1 |
| 48 | `#9aa2aa` | `oklch(70.79% 0.0147 245.17)` | Rough Stone | black, 8.1 to 1 |
| 49 | `#9299a0` | `oklch(67.83% 0.0138 251.72)` | Thunderstorm | black, 7.2 to 1 |
| 50 | `#898e96` | `oklch(64.52% 0.0131 258.82)` | Bali Deep | black, 6.3 to 1 |
| 51 | `#7f838b` | `oklch(60.94% 0.0123 266.36)` | Milestone | black, 5.5 to 1 |
| 52 | `#75777f` | `oklch(57.13% 0.0116 274.24)` | Noble Silver | black, 4.7 to 1 |
| 53 | `#6b6c73` | `oklch(53.16% 0.0109 282.35)` | Warpfiend Grey | white, 5.2 to 1 |
| 54 | `#606066` | `oklch(49.09% 0.0103 290.59)` | Windsor Grey | white, 6.2 to 1 |
| 55 | `#56545a` | `oklch(44.98% 0.0097 298.84)` | Fingerprint | white, 7.4 to 1 |
| 56 | `#4b494e` | `oklch(40.89% 0.0091 307.01)` | Limo-Scene | white, 8.9 to 1 |
| 57 | `#413e43` | `oklch(36.88% 0.0085 314.98)` | Bluish Black | white, 10.5 to 1 |
| 58 | `#373438` | `oklch(33.01% 0.0080 322.66)` | Deep Forest Brown | white, 12.2 to 1 |
| 59 | `#2e2b2e` | `oklch(29.34% 0.0075 329.93)` | Caviar | white, 13.9 to 1 |
| 60 | `#262325` | `oklch(25.93% 0.0071 336.68)` | Verified Black | white, 15.6 to 1 |
| 61 | `#1f1b1d` | `oklch(22.85% 0.0066 342.82)` | Dynamic Black | white, 16.9 to 1 |
| 62 | `#191517` | `oklch(20.15% 0.0062 348.24)` | Pot Black | white, 18 to 1 |
| 63 | `#141012` | `oklch(17.89% 0.0059 352.82)` | Sticky Black Tarmac | white, 18.8 to 1 |
| 64 | `#100d0e` | `oklch(16.14% 0.0055 356.47)` | Black Sheep | white, 19.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #723447 0.0%, #6f3246 1.6%, #6b3046 3.2%, #662d45 4.8%, #602a43 6.3%, #5a2641 7.9%, #53233f 9.5%, #4c1f3c 11.1%, #451b39 12.7%, #3e1736 14.3%, #371433 15.9%, #301130 17.5%, #290e2d 19.0%, #230b2a 20.6%, #1e0927 22.2%, #190724 23.8%, #150622 25.4%, #120520 27.0%, #0f051f 28.6%, #0e061f 30.2%, #0d071f 31.7%, #0d0921 33.3%, #0e0c23 34.9%, #111128 36.5%, #14172d 38.1%, #191f34 39.7%, #1f273c 41.3%, #263144 42.9%, #2f3b4e 44.4%, #384658 46.0%, #425263 47.6%, #4d5e6e 49.2%, #586b79 50.8%, #647784 52.4%, #6f838e 54.0%, #7b8e99 55.6%, #8699a2 57.1%, #90a3ab 58.7%, #98abb3 60.3%, #a0b2b9 61.9%, #a6b7be 63.5%, #aabac1 65.1%, #acbbc2 66.7%, #acbac1 68.3%, #aab7bd 69.8%, #a6b1b8 71.4%, #a0aab2 73.0%, #9aa2aa 74.6%, #9299a0 76.2%, #898e96 77.8%, #7f838b 79.4%, #75777f 81.0%, #6b6c73 82.5%, #606066 84.1%, #56545a 85.7%, #4b494e 87.3%, #413e43 88.9%, #373438 90.5%, #2e2b2e 92.1%, #262325 93.7%, #1f1b1d 95.2%, #191517 96.8%, #141012 98.4%, #100d0e 100.0%);
background: linear-gradient(135deg in oklch, oklch(41.34% 0.0909 2.81) 0.0%, oklch(40.59% 0.0898 0.85) 1.6%, oklch(39.56% 0.0885 358.54) 3.2%, oklch(38.30% 0.0870 355.93) 4.8%, oklch(36.83% 0.0853 353.03) 6.3%, oklch(35.19% 0.0834 349.88) 7.9%, oklch(33.43% 0.0815 346.51) 9.5%, oklch(31.57% 0.0794 342.93) 11.1%, oklch(29.65% 0.0772 339.18) 12.7%, oklch(27.72% 0.0749 335.30) 14.3%, oklch(25.80% 0.0726 331.30) 15.9%, oklch(23.93% 0.0702 327.21) 17.5%, oklch(22.15% 0.0678 323.06) 19.0%, oklch(20.49% 0.0654 318.89) 20.6%, oklch(19.00% 0.0630 314.71) 22.2%, oklch(17.71% 0.0607 310.56) 23.8%, oklch(16.65% 0.0584 306.46) 25.4%, oklch(15.86% 0.0561 302.45) 27.0%, oklch(15.37% 0.0540 298.55) 28.6%, oklch(15.24% 0.0519 294.78) 30.2%, oklch(15.48% 0.0500 291.19) 31.7%, oklch(16.14% 0.0482 287.78) 33.3%, oklch(17.35% 0.0465 284.30) 34.9%, oklch(19.17% 0.0449 280.49) 36.5%, oklch(21.53% 0.0432 276.41) 38.1%, oklch(24.36% 0.0416 272.11) 39.7%, oklch(27.60% 0.0401 267.66) 41.3%, oklch(31.17% 0.0385 263.12) 42.9%, oklch(35.01% 0.0370 258.55) 44.4%, oklch(39.05% 0.0355 254.00) 46.0%, oklch(43.21% 0.0341 249.54) 47.6%, oklch(47.44% 0.0326 245.22) 49.2%, oklch(51.66% 0.0313 241.11) 50.8%, oklch(55.81% 0.0299 237.26) 52.4%, oklch(59.80% 0.0286 233.74) 54.0%, oklch(63.59% 0.0273 230.60) 55.6%, oklch(67.09% 0.0261 227.91) 57.1%, oklch(70.25% 0.0248 225.71) 58.7%, oklch(72.98% 0.0237 224.08) 60.3%, oklch(75.22% 0.0225 223.07) 61.9%, oklch(76.91% 0.0214 222.75) 63.5%, oklch(77.98% 0.0203 223.16) 65.1%, oklch(78.35% 0.0193 224.38) 66.7%, oklch(78.00% 0.0183 226.59) 68.3%, oklch(77.02% 0.0173 229.88) 69.8%, oklch(75.44% 0.0164 234.14) 71.4%, oklch(73.35% 0.0155 239.28) 73.0%, oklch(70.79% 0.0147 245.17) 74.6%, oklch(67.83% 0.0138 251.72) 76.2%, oklch(64.52% 0.0131 258.82) 77.8%, oklch(60.94% 0.0123 266.36) 79.4%, oklch(57.13% 0.0116 274.24) 81.0%, oklch(53.16% 0.0109 282.35) 82.5%, oklch(49.09% 0.0103 290.59) 84.1%, oklch(44.98% 0.0097 298.84) 85.7%, oklch(40.89% 0.0091 307.01) 87.3%, oklch(36.88% 0.0085 314.98) 88.9%, oklch(33.01% 0.0080 322.66) 90.5%, oklch(29.34% 0.0075 329.93) 92.1%, oklch(25.93% 0.0071 336.68) 93.7%, oklch(22.85% 0.0066 342.82) 95.2%, oklch(20.15% 0.0062 348.24) 96.8%, oklch(17.89% 0.0059 352.82) 98.4%, oklch(16.14% 0.0055 356.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.091 | 2.8 |
| 2 | 0.161 | 0.048 | -72.2 |
| 3 | 0.783 | 0.019 | -135.6 |
| 4 | 0.161 | 0.006 | -3.5 |

## In these collections

- [Night sky gradients](https://grabient.com/night-sky-gradients)

## Other forms

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