# Indigo mauve dusk glow

Tritone navy, purple and brown radial gradient with 40 colors: #2c3e5c, #313d5e, #363d5f, #3e3c60, #453b60, #4e3a5f, #56395c, #5d3958, #643952, #69394d, #6e3a47, #713b43, #733b40, #753c3f, #763c40, #773c44, #783c4b, #773c53, #753d5c, #723f66, #6c416f, #654378, #5c467e, #534882, #4a4a84, #414c84, #3a4c82, #344c7f, #2f4a7a, #2c4775, #29446f, #274169, #253d62, #24395c, #223556, #213250, #202e4a, #1f2b45, #1e2941, #1d273e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone navy, purple and brown radial gradient
- Seed: `kUXCq6Np1NrahsujEL-A`
- Page: https://grabient.com/kUXCq6Np1NrahsujEL-A?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 1.8 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 | `#2c3e5c` | `oklch(36.22% 0.0579 261.56)` | Nautilus | white, 10.8 to 1 |
| 2 | `#313d5e` | `oklch(36.53% 0.0589 267.31)` | Gulf Blue | white, 10.7 to 1 |
| 3 | `#363d5f` | `oklch(36.95% 0.0601 275.31)` | Mangosteen | white, 10.5 to 1 |
| 4 | `#3e3c60` | `oklch(37.45% 0.0617 285.08)` | Patriot Blue | white, 10.4 to 1 |
| 5 | `#453b60` | `oklch(38.01% 0.0633 296.17)` | Mulberry Purple | white, 10.2 to 1 |
| 6 | `#4e3a5f` | `oklch(38.61% 0.0652 308.10)` | Mulberry Purple | white, 10 to 1 |
| 7 | `#56395c` | `oklch(39.25% 0.0671 320.40)` | Purpurite Violet | white, 9.8 to 1 |
| 8 | `#5d3958` | `oklch(39.89% 0.0691 332.62)` | Parma Plum Red | white, 9.5 to 1 |
| 9 | `#643952` | `oklch(40.52% 0.0711 344.27)` | Halayà Úbe | white, 9.3 to 1 |
| 10 | `#69394d` | `oklch(41.13% 0.0731 354.90)` | Crushed Violets | white, 9.1 to 1 |
| 11 | `#6e3a47` | `oklch(41.69% 0.0750 4.04)` | Ripening Grape | white, 8.9 to 1 |
| 12 | `#713b43` | `oklch(42.19% 0.0768 11.21)` | Wild Cranberry | white, 8.7 to 1 |
| 13 | `#733b40` | `oklch(42.60% 0.0785 15.96)` | Queen’s Rose | white, 8.5 to 1 |
| 14 | `#753c3f` | `oklch(42.91% 0.0799 17.81)` | Fruitful Orchard | white, 8.4 to 1 |
| 15 | `#763c40` | `oklch(43.17% 0.0814 16.47)` | Fruitful Orchard | white, 8.3 to 1 |
| 16 | `#773c44` | `oklch(43.44% 0.0830 12.28)` | Garnet Evening | white, 8.3 to 1 |
| 17 | `#783c4b` | `oklch(43.68% 0.0847 5.70)` | July Ruby | white, 8.2 to 1 |
| 18 | `#773c53` | `oklch(43.91% 0.0864 357.17)` | Mulled Plum | white, 8.1 to 1 |
| 19 | `#753d5c` | `oklch(44.10% 0.0881 347.15)` | Mystique Violet | white, 8.1 to 1 |
| 20 | `#723f66` | `oklch(44.24% 0.0897 336.09)` | Burnt Orchid | white, 8 to 1 |
| 21 | `#6c416f` | `oklch(44.32% 0.0911 324.46)` | Majesty | white, 8 to 1 |
| 22 | `#654378` | `oklch(44.34% 0.0923 312.69)` | Palace Purple | white, 7.9 to 1 |
| 23 | `#5c467e` | `oklch(44.26% 0.0932 301.26)` | In the Vines | white, 7.9 to 1 |
| 24 | `#534882` | `oklch(44.10% 0.0937 290.61)` | Victoria | white, 7.9 to 1 |
| 25 | `#4a4a84` | `oklch(43.83% 0.0938 281.20)` | Highlands Twilight | white, 8 to 1 |
| 26 | `#414c84` | `oklch(43.43% 0.0933 273.48)` | Dive In | white, 8.1 to 1 |
| 27 | `#3a4c82` | `oklch(42.91% 0.0923 267.90)` | Dive In | white, 8.2 to 1 |
| 28 | `#344c7f` | `oklch(42.19% 0.0905 264.15)` | Nautical | white, 8.4 to 1 |
| 29 | `#2f4a7a` | `oklch(41.24% 0.0879 261.51)` | Nautical | white, 8.8 to 1 |
| 30 | `#2c4775` | `oklch(40.10% 0.0846 259.82)` | Bona Fide | white, 9.2 to 1 |
| 31 | `#29446f` | `oklch(38.82% 0.0807 258.95)` | Blue Funk | white, 9.7 to 1 |
| 32 | `#274169` | `oklch(37.43% 0.0765 258.77)` | Nightlife | white, 10.2 to 1 |
| 33 | `#253d62` | `oklch(35.97% 0.0720 259.12)` | Elmer’s Echo | white, 10.9 to 1 |
| 34 | `#24395c` | `oklch(34.50% 0.0674 259.86)` | Midnight Sleigh | white, 11.5 to 1 |
| 35 | `#223556` | `oklch(33.05% 0.0628 260.86)` | Boatswain | white, 12.2 to 1 |
| 36 | `#213250` | `oklch(31.65% 0.0584 261.98)` | Blue Lobelia | white, 12.8 to 1 |
| 37 | `#202e4a` | `oklch(30.37% 0.0543 263.06)` | Manganese Black | white, 13.5 to 1 |
| 38 | `#1f2b45` | `oklch(29.23% 0.0507 263.98)` | Fainting Light | white, 14 to 1 |
| 39 | `#1e2941` | `oklch(28.28% 0.0477 264.58)` | Eternal Darkness | white, 14.5 to 1 |
| 40 | `#1d273e` | `oklch(27.56% 0.0455 264.73)` | Eternal Darkness | white, 14.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2c3e5c 0.0%, #313d5e 2.6%, #363d5f 5.1%, #3e3c60 7.7%, #453b60 10.3%, #4e3a5f 12.8%, #56395c 15.4%, #5d3958 17.9%, #643952 20.5%, #69394d 23.1%, #6e3a47 25.6%, #713b43 28.2%, #733b40 30.8%, #753c3f 33.3%, #763c40 35.9%, #773c44 38.5%, #783c4b 41.0%, #773c53 43.6%, #753d5c 46.2%, #723f66 48.7%, #6c416f 51.3%, #654378 53.8%, #5c467e 56.4%, #534882 59.0%, #4a4a84 61.5%, #414c84 64.1%, #3a4c82 66.7%, #344c7f 69.2%, #2f4a7a 71.8%, #2c4775 74.4%, #29446f 76.9%, #274169 79.5%, #253d62 82.1%, #24395c 84.6%, #223556 87.2%, #213250 89.7%, #202e4a 92.3%, #1f2b45 94.9%, #1e2941 97.4%, #1d273e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(36.22% 0.0579 261.56) 0.0%, oklch(36.53% 0.0589 267.31) 2.6%, oklch(36.95% 0.0601 275.31) 5.1%, oklch(37.45% 0.0617 285.08) 7.7%, oklch(38.01% 0.0633 296.17) 10.3%, oklch(38.61% 0.0652 308.10) 12.8%, oklch(39.25% 0.0671 320.40) 15.4%, oklch(39.89% 0.0691 332.62) 17.9%, oklch(40.52% 0.0711 344.27) 20.5%, oklch(41.13% 0.0731 354.90) 23.1%, oklch(41.69% 0.0750 4.04) 25.6%, oklch(42.19% 0.0768 11.21) 28.2%, oklch(42.60% 0.0785 15.96) 30.8%, oklch(42.91% 0.0799 17.81) 33.3%, oklch(43.17% 0.0814 16.47) 35.9%, oklch(43.44% 0.0830 12.28) 38.5%, oklch(43.68% 0.0847 5.70) 41.0%, oklch(43.91% 0.0864 357.17) 43.6%, oklch(44.10% 0.0881 347.15) 46.2%, oklch(44.24% 0.0897 336.09) 48.7%, oklch(44.32% 0.0911 324.46) 51.3%, oklch(44.34% 0.0923 312.69) 53.8%, oklch(44.26% 0.0932 301.26) 56.4%, oklch(44.10% 0.0937 290.61) 59.0%, oklch(43.83% 0.0938 281.20) 61.5%, oklch(43.43% 0.0933 273.48) 64.1%, oklch(42.91% 0.0923 267.90) 66.7%, oklch(42.19% 0.0905 264.15) 69.2%, oklch(41.24% 0.0879 261.51) 71.8%, oklch(40.10% 0.0846 259.82) 74.4%, oklch(38.82% 0.0807 258.95) 76.9%, oklch(37.43% 0.0765 258.77) 79.5%, oklch(35.97% 0.0720 259.12) 82.1%, oklch(34.50% 0.0674 259.86) 84.6%, oklch(33.05% 0.0628 260.86) 87.2%, oklch(31.65% 0.0584 261.98) 89.7%, oklch(30.37% 0.0543 263.06) 92.3%, oklch(29.23% 0.0507 263.98) 94.9%, oklch(28.28% 0.0477 264.58) 97.4%, oklch(27.56% 0.0455 264.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.362 | 0.058 | 261.6 |
| 2 | 0.429 | 0.08 | 377.8 |
| 3 | 0.429 | 0.092 | 267.9 |
| 4 | 0.276 | 0.045 | 264.7 |

## In these collections

- [Snow gum blue hour](https://grabient.com/snow-gum-blue-hour)

## Other forms

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