# Royal Cyan Emerald Current

Vivid tritone blue, light blue and green linear gradient with 32 colors: #1212a8, #1415ad, #1717b4, #1b1abc, #201cc6, #2520d0, #2a25da, #2d2be4, #2d33ee, #2b3df6, #2249fd, #0b57ff, #006bf1, #007ae7, #0087e3, #0093e1, #009ee0, #00a9e0, #00b2df, #00bbdf, #00c3de, #05c9db, #08ced7, #00d3d1, #00d7c9, #00dac0, #00dcb4, #00dfa7, #00e198, #0be287, #30e378, #43e36b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid tritone blue, light blue and green linear gradient
- Seed: `kUWJ6-QuA_uCvuTmy7jA`
- Page: https://grabient.com/kUWJ6-QuA_uCvuTmy7jA?steps=32&angle=25
- Drawn as: linear gradient, 32 steps, 25 degrees
- Kinds: dark to light, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 7.4 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 | `#1212a8` | `oklch(34.65% 0.2177 267.19)` | Dark Galaxy | white, 12.5 to 1 |
| 2 | `#1415ad` | `oklch(35.64% 0.2212 267.30)` | Dark Galaxy | white, 12 to 1 |
| 3 | `#1717b4` | `oklch(36.87% 0.2266 267.74)` | Deep Sea Exploration | white, 11.5 to 1 |
| 4 | `#1b1abc` | `oklch(38.32% 0.2333 268.37)` | Underwater Falling | white, 10.9 to 1 |
| 5 | `#201cc6` | `oklch(39.94% 0.2407 269.05)` | Tetraammine | white, 10.2 to 1 |
| 6 | `#2520d0` | `oklch(41.72% 0.2483 269.62)` | Lapis on Neptune | white, 9.5 to 1 |
| 7 | `#2a25da` | `oklch(43.61% 0.2553 269.95)` | Lapis on Neptune | white, 8.8 to 1 |
| 8 | `#2d2be4` | `oklch(45.59% 0.2612 269.90)` | Palatinate Blue | white, 8.1 to 1 |
| 9 | `#2d33ee` | `oklch(47.61% 0.2653 269.31)` | Palatinate Blue | white, 7.4 to 1 |
| 10 | `#2b3df6` | `oklch(49.66% 0.2670 268.05)` | Bright Greek | white, 6.7 to 1 |
| 11 | `#2249fd` | `oklch(51.69% 0.2658 265.97)` | Blueshift | white, 6.1 to 1 |
| 12 | `#0b57ff` | `oklch(53.76% 0.2567 262.95)` | Light Shōjin Blue | white, 5.4 to 1 |
| 13 | `#006bf1` | `oklch(56.05% 0.2176 259.04)` | Níu Zǎi Sè Denim | white, 4.8 to 1 |
| 14 | `#007ae7` | `oklch(58.51% 0.1884 254.34)` | Blue Darknut | black, 4.9 to 1 |
| 15 | `#0087e3` | `oklch(61.08% 0.1686 249.03)` | Blue Cola | black, 5.5 to 1 |
| 16 | `#0093e1` | `oklch(63.69% 0.1547 243.22)` | Kahu Blue | black, 6.2 to 1 |
| 17 | `#009ee0` | `oklch(66.27% 0.1449 237.08)` | Homeworld | black, 6.9 to 1 |
| 18 | `#00a9e0` | `oklch(68.76% 0.1382 230.73)` | Blue Fire | black, 7.7 to 1 |
| 19 | `#00b2df` | `oklch(71.09% 0.1339 224.33)` | Blue Atoll | black, 8.4 to 1 |
| 20 | `#00bbdf` | `oklch(73.18% 0.1315 218.00)` | Maldives | black, 9.1 to 1 |
| 21 | `#00c3de` | `oklch(74.98% 0.1306 211.89)` | Caribbean Blue | black, 9.8 to 1 |
| 22 | `#05c9db` | `oklch(76.42% 0.1302 206.08)` | Turquoise Surf | black, 10.4 to 1 |
| 23 | `#08ced7` | `oklch(77.55% 0.1311 199.96)` | Jade Glass | black, 10.8 to 1 |
| 24 | `#00d3d1` | `oklch(78.42% 0.1342 193.43)` | Blue Martina | black, 11.2 to 1 |
| 25 | `#00d7c9` | `oklch(79.07% 0.1383 186.69)` | Turquoise Panic | black, 11.5 to 1 |
| 26 | `#00dac0` | `oklch(79.54% 0.1444 179.90)` | Mint Morning | black, 11.7 to 1 |
| 27 | `#00dcb4` | `oklch(79.87% 0.1530 173.23)` | Channel Marker Green | black, 11.9 to 1 |
| 28 | `#00dfa7` | `oklch(80.09% 0.1644 166.85)` | Malted Mint Madness | black, 12 to 1 |
| 29 | `#00e198` | `oklch(80.25% 0.1788 160.95)` | Aqua Green | black, 12.1 to 1 |
| 30 | `#0be287` | `oklch(80.38% 0.1948 155.69)` | Shivering Green | black, 12.2 to 1 |
| 31 | `#30e378` | `oklch(80.52% 0.2028 151.24)` | Weird Green | black, 12.3 to 1 |
| 32 | `#43e36b` | `oklch(80.71% 0.2081 147.77)` | Hello Spring | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(25deg, #1212a8 0.0%, #1415ad 3.2%, #1717b4 6.5%, #1b1abc 9.7%, #201cc6 12.9%, #2520d0 16.1%, #2a25da 19.4%, #2d2be4 22.6%, #2d33ee 25.8%, #2b3df6 29.0%, #2249fd 32.3%, #0b57ff 35.5%, #006bf1 38.7%, #007ae7 41.9%, #0087e3 45.2%, #0093e1 48.4%, #009ee0 51.6%, #00a9e0 54.8%, #00b2df 58.1%, #00bbdf 61.3%, #00c3de 64.5%, #05c9db 67.7%, #08ced7 71.0%, #00d3d1 74.2%, #00d7c9 77.4%, #00dac0 80.6%, #00dcb4 83.9%, #00dfa7 87.1%, #00e198 90.3%, #0be287 93.5%, #30e378 96.8%, #43e36b 100.0%);
background: linear-gradient(25deg in oklch, oklch(34.65% 0.2177 267.19) 0.0%, oklch(35.64% 0.2212 267.30) 3.2%, oklch(36.87% 0.2266 267.74) 6.5%, oklch(38.32% 0.2333 268.37) 9.7%, oklch(39.94% 0.2407 269.05) 12.9%, oklch(41.72% 0.2483 269.62) 16.1%, oklch(43.61% 0.2553 269.95) 19.4%, oklch(45.59% 0.2612 269.90) 22.6%, oklch(47.61% 0.2653 269.31) 25.8%, oklch(49.66% 0.2670 268.05) 29.0%, oklch(51.69% 0.2658 265.97) 32.3%, oklch(53.76% 0.2567 262.95) 35.5%, oklch(56.05% 0.2176 259.04) 38.7%, oklch(58.51% 0.1884 254.34) 41.9%, oklch(61.08% 0.1686 249.03) 45.2%, oklch(63.69% 0.1547 243.22) 48.4%, oklch(66.27% 0.1449 237.08) 51.6%, oklch(68.76% 0.1382 230.73) 54.8%, oklch(71.09% 0.1339 224.33) 58.1%, oklch(73.18% 0.1315 218.00) 61.3%, oklch(74.98% 0.1306 211.89) 64.5%, oklch(76.42% 0.1302 206.08) 67.7%, oklch(77.55% 0.1311 199.96) 71.0%, oklch(78.42% 0.1342 193.43) 74.2%, oklch(79.07% 0.1383 186.69) 77.4%, oklch(79.54% 0.1444 179.90) 80.6%, oklch(79.87% 0.1530 173.23) 83.9%, oklch(80.09% 0.1644 166.85) 87.1%, oklch(80.25% 0.1788 160.95) 90.3%, oklch(80.38% 0.1948 155.69) 93.5%, oklch(80.52% 0.2028 151.24) 96.8%, oklch(80.71% 0.2081 147.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.346 | 0.218 | 267.2 |
| 2 | 0.524 | 0.265 | 265.1 |
| 3 | 0.76 | 0.131 | 208 |
| 4 | 0.807 | 0.208 | 147.8 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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