# Violet Fjord Current

Cool blue, light blue and teal linear gradient with 32 colors: #514583, #4c4a88, #43508c, #375790, #266091, #116890, #00708e, #03788f, #1d8093, #38889c, #5392aa, #6e9db7, #87a8c3, #9db3cd, #afbcd5, #b9c4db, #bcc8e0, #b9cbe5, #afcde8, #9fcee8, #8acfe2, #75cdd6, #61c8c7, #4ec1bb, #38b6b2, #15a6ac, #0092a4, #007c9b, #006693, #1a5186, #233f79, #26346f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Cool blue, light blue and teal linear gradient
- Seed: `kWbknOxaE2-kMxhdpjbrCXJY`
- Page: https://grabient.com/kWbknOxaE2-kMxhdpjbrCXJY?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#514583` | `oklch(43.31% 0.1006 290.39)` | Fresh Eggplant | white, 8.2 to 1 |
| 2 | `#4c4a88` | `oklch(44.10% 0.1002 283.37)` | Beaded Blue | white, 7.9 to 1 |
| 3 | `#43508c` | `oklch(45.03% 0.0999 273.00)` | Demon Blue | white, 7.5 to 1 |
| 4 | `#375790` | `oklch(46.14% 0.0997 260.60)` | B’dazzled Blue | white, 7.1 to 1 |
| 5 | `#266091` | `oklch(47.44% 0.0992 247.48)` | Outer Reef | white, 6.6 to 1 |
| 6 | `#116890` | `oklch(48.99% 0.0982 234.95)` | Sea Blue | white, 6.1 to 1 |
| 7 | `#00708e` | `oklch(50.81% 0.0957 224.35)` | Teal Tune | white, 5.6 to 1 |
| 8 | `#03788f` | `oklch(52.92% 0.0938 216.94)` | Bayou Serenade | white, 5.1 to 1 |
| 9 | `#1d8093` | `oklch(55.39% 0.0898 214.11)` | Pagoda Blue | white, 4.6 to 1 |
| 10 | `#38889c` | `oklch(58.70% 0.0831 216.80)` | Seachange | black, 5.1 to 1 |
| 11 | `#5392aa` | `oklch(62.74% 0.0742 223.81)` | Jet Ski | black, 6 to 1 |
| 12 | `#6e9db7` | `oklch(67.17% 0.0641 233.51)` | Adventure Isle | black, 7.1 to 1 |
| 13 | `#87a8c3` | `oklch(71.64% 0.0540 244.23)` | Colorado Springs | black, 8.4 to 1 |
| 14 | `#9db3cd` | `oklch(75.82% 0.0449 254.34)` | Stellar Blue | black, 9.7 to 1 |
| 15 | `#afbcd5` | `oklch(79.35% 0.0381 262.18)` | Halogen Blue | black, 10.9 to 1 |
| 16 | `#b9c4db` | `oklch(81.89% 0.0346 266.11)` | Alley | black, 11.9 to 1 |
| 17 | `#bcc8e0` | `oklch(83.20% 0.0355 264.48)` | Penna | black, 12.5 to 1 |
| 18 | `#b9cbe5` | `oklch(83.71% 0.0412 257.04)` | Periwinkle Dream | black, 12.7 to 1 |
| 19 | `#afcde8` | `oklch(83.55% 0.0503 245.49)` | Featherbed | black, 12.7 to 1 |
| 20 | `#9fcee8` | `oklch(82.77% 0.0616 231.66)` | Endless Blue | black, 12.5 to 1 |
| 21 | `#8acfe2` | `oklch(81.42% 0.0738 217.38)` | Bayshore | black, 12 to 1 |
| 22 | `#75cdd6` | `oklch(79.55% 0.0858 204.48)` | Summer of ’82 | black, 11.4 to 1 |
| 23 | `#61c8c7` | `oklch(77.18% 0.0961 194.79)` | Chinese Lacquer | black, 10.6 to 1 |
| 24 | `#4ec1bb` | `oklch(74.38% 0.1035 190.16)` | Port Hope | black, 9.6 to 1 |
| 25 | `#38b6b2` | `oklch(70.87% 0.1074 191.94)` | Caicos Turquoise | black, 8.5 to 1 |
| 26 | `#15a6ac` | `oklch(66.08% 0.1092 199.14)` | Blue Bolero | black, 7 to 1 |
| 27 | `#0092a4` | `oklch(60.42% 0.1046 210.22)` | Oasis | black, 5.6 to 1 |
| 28 | `#007c9b` | `oklch(54.34% 0.1018 223.65)` | Turkish Tile | white, 4.8 to 1 |
| 29 | `#006693` | `oklch(48.28% 0.1069 237.91)` | Peacock Blue | white, 6.3 to 1 |
| 30 | `#1a5186` | `oklch(42.67% 0.1054 251.43)` | Lake Baikal | white, 8.2 to 1 |
| 31 | `#233f79` | `oklch(37.98% 0.1040 262.75)` | Blue Expanse | white, 10.1 to 1 |
| 32 | `#26346f` | `oklch(34.65% 0.1033 270.31)` | Twilight Express | white, 11.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #514583 0.0%, #4c4a88 3.2%, #43508c 6.5%, #375790 9.7%, #266091 12.9%, #116890 16.1%, #00708e 19.4%, #03788f 22.6%, #1d8093 25.8%, #38889c 29.0%, #5392aa 32.3%, #6e9db7 35.5%, #87a8c3 38.7%, #9db3cd 41.9%, #afbcd5 45.2%, #b9c4db 48.4%, #bcc8e0 51.6%, #b9cbe5 54.8%, #afcde8 58.1%, #9fcee8 61.3%, #8acfe2 64.5%, #75cdd6 67.7%, #61c8c7 71.0%, #4ec1bb 74.2%, #38b6b2 77.4%, #15a6ac 80.6%, #0092a4 83.9%, #007c9b 87.1%, #006693 90.3%, #1a5186 93.5%, #233f79 96.8%, #26346f 100.0%);
background: linear-gradient(180deg in oklch, oklch(43.31% 0.1006 290.39) 0.0%, oklch(44.10% 0.1002 283.37) 3.2%, oklch(45.03% 0.0999 273.00) 6.5%, oklch(46.14% 0.0997 260.60) 9.7%, oklch(47.44% 0.0992 247.48) 12.9%, oklch(48.99% 0.0982 234.95) 16.1%, oklch(50.81% 0.0957 224.35) 19.4%, oklch(52.92% 0.0938 216.94) 22.6%, oklch(55.39% 0.0898 214.11) 25.8%, oklch(58.70% 0.0831 216.80) 29.0%, oklch(62.74% 0.0742 223.81) 32.3%, oklch(67.17% 0.0641 233.51) 35.5%, oklch(71.64% 0.0540 244.23) 38.7%, oklch(75.82% 0.0449 254.34) 41.9%, oklch(79.35% 0.0381 262.18) 45.2%, oklch(81.89% 0.0346 266.11) 48.4%, oklch(83.20% 0.0355 264.48) 51.6%, oklch(83.71% 0.0412 257.04) 54.8%, oklch(83.55% 0.0503 245.49) 58.1%, oklch(82.77% 0.0616 231.66) 61.3%, oklch(81.42% 0.0738 217.38) 64.5%, oklch(79.55% 0.0858 204.48) 67.7%, oklch(77.18% 0.0961 194.79) 71.0%, oklch(74.38% 0.1035 190.16) 74.2%, oklch(70.87% 0.1074 191.94) 77.4%, oklch(66.08% 0.1092 199.14) 80.6%, oklch(60.42% 0.1046 210.22) 83.9%, oklch(54.34% 0.1018 223.65) 87.1%, oklch(48.28% 0.1069 237.91) 90.3%, oklch(42.67% 0.1054 251.43) 93.5%, oklch(37.98% 0.1040 262.75) 96.8%, oklch(34.65% 0.1033 270.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.433 | 0.101 | 290.4 |
| 2 | 0.547 | 0.091 | 214.3 |
| 3 | 0.827 | 0.034 | 266.1 |
| 4 | 0.736 | 0.105 | 190 |
| 5 | 0.346 | 0.103 | 270.3 |

## In these collections

- [Cool gradients](https://grabient.com/cool-gradients)

## Other forms

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