# Indigo current to aqua

Duotone dark purple to light blue linear gradient with 32 colors: #231034, #251239, #29143f, #2e1846, #321b4f, #381f58, #3d2463, #42296d, #472e77, #4b3482, #4e3a8b, #504093, #52479b, #534ea3, #5455aa, #545cb0, #5464b6, #546bbc, #5373c1, #537bc6, #5282ca, #528ace, #5292d1, #539ad3, #55a2d5, #58aad7, #5eb2d8, #64b8d8, #6bbfd9, #72c4d9, #78c9da, #7dccda. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone dark purple to light blue linear gradient
- Seed: `kUODPZNa8-M6ru9lnTqA`
- Page: https://grabient.com/kUODPZNa8-M6ru9lnTqA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 9.6 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 | `#231034` | `oklch(22.05% 0.0703 305.16)` | Blacklist | white, 17.6 to 1 |
| 2 | `#251239` | `oklch(23.20% 0.0740 304.39)` | Blacklist | white, 17.1 to 1 |
| 3 | `#29143f` | `oklch(24.68% 0.0791 303.53)` | Prune Plum | white, 16.5 to 1 |
| 4 | `#2e1846` | `oklch(26.42% 0.0852 302.54)` | Russian Violet | white, 15.7 to 1 |
| 5 | `#321b4f` | `oklch(28.38% 0.0921 301.43)` | Russian Violet | white, 14.8 to 1 |
| 6 | `#381f58` | `oklch(30.49% 0.0993 300.16)` | Stormy Night | white, 13.9 to 1 |
| 7 | `#3d2463` | `oklch(32.71% 0.1065 298.74)` | Christalle | white, 12.8 to 1 |
| 8 | `#42296d` | `oklch(34.97% 0.1134 297.14)` | Her Highness | white, 11.8 to 1 |
| 9 | `#472e77` | `oklch(37.22% 0.1196 295.35)` | Windsor | white, 10.8 to 1 |
| 10 | `#4b3482` | `oklch(39.41% 0.1248 293.36)` | Galactic Compass | white, 9.9 to 1 |
| 11 | `#4e3a8b` | `oklch(41.47% 0.1286 291.15)` | Blue Gem | white, 9.1 to 1 |
| 12 | `#504093` | `oklch(43.41% 0.1309 288.70)` | Blue Gem | white, 8.3 to 1 |
| 13 | `#52479b` | `oklch(45.34% 0.1322 285.99)` | Liberty | white, 7.6 to 1 |
| 14 | `#534ea3` | `oklch(47.27% 0.1327 283.05)` | Blue Ember | white, 7 to 1 |
| 15 | `#5455aa` | `oklch(49.20% 0.1324 279.90)` | Brandywine Raspberry | white, 6.4 to 1 |
| 16 | `#545cb0` | `oklch(51.13% 0.1315 276.57)` | Chinese Bellflower | white, 5.9 to 1 |
| 17 | `#5464b6` | `oklch(53.05% 0.1301 273.08)` | Evening Lagoon | white, 5.4 to 1 |
| 18 | `#546bbc` | `oklch(54.96% 0.1283 269.46)` | Amparo Blue | white, 4.9 to 1 |
| 19 | `#5373c1` | `oklch(56.85% 0.1262 265.73)` | Diva Violet | black, 4.5 to 1 |
| 20 | `#537bc6` | `oklch(58.73% 0.1239 261.93)` | Serenity’s Reign | black, 4.9 to 1 |
| 21 | `#5282ca` | `oklch(60.59% 0.1215 258.08)` | Astro Nautico | black, 5.4 to 1 |
| 22 | `#528ace` | `oklch(62.43% 0.1190 254.16)` | Berlin Blue | black, 5.8 to 1 |
| 23 | `#5292d1` | `oklch(64.36% 0.1159 249.81)` | Delphinium Corsage | black, 6.3 to 1 |
| 24 | `#539ad3` | `oklch(66.36% 0.1121 245.05)` | Winter Lake | black, 6.9 to 1 |
| 25 | `#55a2d5` | `oklch(68.41% 0.1078 240.01)` | Picton Blue | black, 7.5 to 1 |
| 26 | `#58aad7` | `oklch(70.44% 0.1032 234.86)` | Cousteau | black, 8.1 to 1 |
| 27 | `#5eb2d8` | `oklch(72.42% 0.0985 229.75)` | Disembark | black, 8.7 to 1 |
| 28 | `#64b8d8` | `oklch(74.30% 0.0939 224.82)` | Baby Tears | black, 9.4 to 1 |
| 29 | `#6bbfd9` | `oklch(76.03% 0.0895 220.23)` | Magnesia Bay | black, 10 to 1 |
| 30 | `#72c4d9` | `oklch(77.58% 0.0856 216.14)` | Thredbo | black, 10.6 to 1 |
| 31 | `#78c9da` | `oklch(78.89% 0.0823 212.70)` | Betsy | black, 11.1 to 1 |
| 32 | `#7dccda` | `oklch(79.92% 0.0799 210.05)` | Spray | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #231034 0.0%, #251239 3.2%, #29143f 6.5%, #2e1846 9.7%, #321b4f 12.9%, #381f58 16.1%, #3d2463 19.4%, #42296d 22.6%, #472e77 25.8%, #4b3482 29.0%, #4e3a8b 32.3%, #504093 35.5%, #52479b 38.7%, #534ea3 41.9%, #5455aa 45.2%, #545cb0 48.4%, #5464b6 51.6%, #546bbc 54.8%, #5373c1 58.1%, #537bc6 61.3%, #5282ca 64.5%, #528ace 67.7%, #5292d1 71.0%, #539ad3 74.2%, #55a2d5 77.4%, #58aad7 80.6%, #5eb2d8 83.9%, #64b8d8 87.1%, #6bbfd9 90.3%, #72c4d9 93.5%, #78c9da 96.8%, #7dccda 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.05% 0.0703 305.16) 0.0%, oklch(23.20% 0.0740 304.39) 3.2%, oklch(24.68% 0.0791 303.53) 6.5%, oklch(26.42% 0.0852 302.54) 9.7%, oklch(28.38% 0.0921 301.43) 12.9%, oklch(30.49% 0.0993 300.16) 16.1%, oklch(32.71% 0.1065 298.74) 19.4%, oklch(34.97% 0.1134 297.14) 22.6%, oklch(37.22% 0.1196 295.35) 25.8%, oklch(39.41% 0.1248 293.36) 29.0%, oklch(41.47% 0.1286 291.15) 32.3%, oklch(43.41% 0.1309 288.70) 35.5%, oklch(45.34% 0.1322 285.99) 38.7%, oklch(47.27% 0.1327 283.05) 41.9%, oklch(49.20% 0.1324 279.90) 45.2%, oklch(51.13% 0.1315 276.57) 48.4%, oklch(53.05% 0.1301 273.08) 51.6%, oklch(54.96% 0.1283 269.46) 54.8%, oklch(56.85% 0.1262 265.73) 58.1%, oklch(58.73% 0.1239 261.93) 61.3%, oklch(60.59% 0.1215 258.08) 64.5%, oklch(62.43% 0.1190 254.16) 67.7%, oklch(64.36% 0.1159 249.81) 71.0%, oklch(66.36% 0.1121 245.05) 74.2%, oklch(68.41% 0.1078 240.01) 77.4%, oklch(70.44% 0.1032 234.86) 80.6%, oklch(72.42% 0.0985 229.75) 83.9%, oklch(74.30% 0.0939 224.82) 87.1%, oklch(76.03% 0.0895 220.23) 90.3%, oklch(77.58% 0.0856 216.14) 93.5%, oklch(78.89% 0.0823 212.70) 96.8%, oklch(79.92% 0.0799 210.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.07 | 305.2 |
| 2 | 0.421 | 0.13 | 290.4 |
| 3 | 0.618 | 0.12 | 255.5 |
| 4 | 0.799 | 0.08 | 210 |

## In these collections

- [Underwater colors](https://grabient.com/underwater-colors)

## Other forms

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