# Blue led full spectrum

The Blue led full spectrum brings together blue, purple, magenta, red, green, and teal. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is purple, and its lightest tone is teal.

- Also called: Rainbow from blue to teal linear gradient
- Seed: `kYjXa5QENDklGRdQSUS17xPFopxS`
- Page: https://grabient.com/kYjXa5QENDklGRdQSUS17xPFopxS?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.5 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 | `#356fd0` | `oklch(55.51% 0.1626 260.16)` | Han Blue | white, 4.8 to 1 |
| 2 | `#3b6bd0` | `oklch(54.84% 0.1651 263.15)` | Han Blue | white, 5 to 1 |
| 3 | `#4265cf` | `oklch(53.81% 0.1686 267.10)` | God of Rain | white, 5.2 to 1 |
| 4 | `#4a5dcd` | `oklch(52.63% 0.1727 271.86)` | Savoy Blue | white, 5.6 to 1 |
| 5 | `#5355ca` | `oklch(51.52% 0.1769 277.28)` | Iris | white, 5.9 to 1 |
| 6 | `#5c4ec7` | `oklch(50.69% 0.1809 283.21)` | Iris | white, 6.2 to 1 |
| 7 | `#6648c4` | `oklch(50.38% 0.1841 289.51)` | Waiporoporo Purple | white, 6.3 to 1 |
| 8 | `#7244c1` | `oklch(50.72% 0.1864 296.35)` | Purple Rain | white, 6.3 to 1 |
| 9 | `#8141bd` | `oklch(51.61% 0.1881 304.12)` | Harley Hair Purple | white, 6.1 to 1 |
| 10 | `#903fb8` | `oklch(52.85% 0.1893 312.47)` | Akebi Purple | white, 5.8 to 1 |
| 11 | `#9f3eb1` | `oklch(54.29% 0.1903 321.06)` | Akebi Purple | white, 5.5 to 1 |
| 12 | `#ad3da8` | `oklch(55.75% 0.1913 329.52)` | Vivid Fuchsia | white, 5.2 to 1 |
| 13 | `#ba3d9f` | `oklch(57.04% 0.1924 337.50)` | Byzantine | white, 4.9 to 1 |
| 14 | `#c43c95` | `oklch(58.07% 0.1939 344.36)` | Boat Orchid | white, 4.7 to 1 |
| 15 | `#cc3c8f` | `oklch(59.00% 0.1961 349.34)` | Magenta Pink | black, 4.5 to 1 |
| 16 | `#d23c89` | `oklch(59.88% 0.1986 353.50)` | Pink Yarrow | black, 4.7 to 1 |
| 17 | `#d93c82` | `oklch(60.73% 0.2008 358.07)` | Pink Yarrow | black, 4.9 to 1 |
| 18 | `#e03d76` | `oklch(61.58% 0.2022 4.27)` | Fantasy Romance | black, 5 to 1 |
| 19 | `#e64063` | `oklch(62.45% 0.2021 13.32)` | Rouge Red | black, 5.2 to 1 |
| 20 | `#eb4843` | `oklch(63.37% 0.2001 26.56)` | Carmine Pink | black, 5.5 to 1 |
| 21 | `#e35f00` | `oklch(64.38% 0.1835 45.19)` | Tobiko Orange | black, 5.8 to 1 |
| 22 | `#c97c00` | `oklch(65.43% 0.1440 67.56)` | Seabuckthorn Yellow Brown | black, 6.3 to 1 |
| 23 | `#b28f00` | `oklch(66.48% 0.1359 91.50)` | Cobra Leather | black, 6.8 to 1 |
| 24 | `#95a000` | `oklch(67.46% 0.1527 114.85)` | Noxious | black, 7.3 to 1 |
| 25 | `#66b036` | `oklch(68.33% 0.1710 135.44)` | Yule Tree | black, 7.8 to 1 |
| 26 | `#35b764` | `oklch(69.02% 0.1639 151.21)` | Cool Green | black, 8.1 to 1 |
| 27 | `#00b982` | `oklch(69.56% 0.1503 163.00)` | Slime Girl | black, 8.2 to 1 |
| 28 | `#00b995` | `oklch(69.97% 0.1354 172.20)` | Aoife’s Green | black, 8.3 to 1 |
| 29 | `#00b9a1` | `oklch(70.28% 0.1281 179.30)` | Aare River | black, 8.4 to 1 |
| 30 | `#00b9aa` | `oklch(70.52% 0.1244 184.78)` | Verditer | black, 8.4 to 1 |
| 31 | `#14b8b0` | `oklch(70.70% 0.1199 189.15)` | Super Rare Jade | black, 8.5 to 1 |
| 32 | `#26b7b4` | `oklch(70.87% 0.1144 192.88)` | Caicos Turquoise | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #356fd0 0.0%, #3b6bd0 3.2%, #4265cf 6.5%, #4a5dcd 9.7%, #5355ca 12.9%, #5c4ec7 16.1%, #6648c4 19.4%, #7244c1 22.6%, #8141bd 25.8%, #903fb8 29.0%, #9f3eb1 32.3%, #ad3da8 35.5%, #ba3d9f 38.7%, #c43c95 41.9%, #cc3c8f 45.2%, #d23c89 48.4%, #d93c82 51.6%, #e03d76 54.8%, #e64063 58.1%, #eb4843 61.3%, #e35f00 64.5%, #c97c00 67.7%, #b28f00 71.0%, #95a000 74.2%, #66b036 77.4%, #35b764 80.6%, #00b982 83.9%, #00b995 87.1%, #00b9a1 90.3%, #00b9aa 93.5%, #14b8b0 96.8%, #26b7b4 100.0%);
background: linear-gradient(135deg in oklch, oklch(55.51% 0.1626 260.16) 0.0%, oklch(54.84% 0.1651 263.15) 3.2%, oklch(53.81% 0.1686 267.10) 6.5%, oklch(52.63% 0.1727 271.86) 9.7%, oklch(51.52% 0.1769 277.28) 12.9%, oklch(50.69% 0.1809 283.21) 16.1%, oklch(50.38% 0.1841 289.51) 19.4%, oklch(50.72% 0.1864 296.35) 22.6%, oklch(51.61% 0.1881 304.12) 25.8%, oklch(52.85% 0.1893 312.47) 29.0%, oklch(54.29% 0.1903 321.06) 32.3%, oklch(55.75% 0.1913 329.52) 35.5%, oklch(57.04% 0.1924 337.50) 38.7%, oklch(58.07% 0.1939 344.36) 41.9%, oklch(59.00% 0.1961 349.34) 45.2%, oklch(59.88% 0.1986 353.50) 48.4%, oklch(60.73% 0.2008 358.07) 51.6%, oklch(61.58% 0.2022 4.27) 54.8%, oklch(62.45% 0.2021 13.32) 58.1%, oklch(63.37% 0.2001 26.56) 61.3%, oklch(64.38% 0.1835 45.19) 64.5%, oklch(65.43% 0.1440 67.56) 67.7%, oklch(66.48% 0.1359 91.50) 71.0%, oklch(67.46% 0.1527 114.85) 74.2%, oklch(68.33% 0.1710 135.44) 77.4%, oklch(69.02% 0.1639 151.21) 80.6%, oklch(69.56% 0.1503 163.00) 83.9%, oklch(69.97% 0.1354 172.20) 87.1%, oklch(70.28% 0.1281 179.30) 90.3%, oklch(70.52% 0.1244 184.78) 93.5%, oklch(70.70% 0.1199 189.15) 96.8%, oklch(70.87% 0.1144 192.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.555 | 0.163 | 260.2 |
| 2 | 0.504 | 0.185 | 290.8 |
| 3 | 0.575 | 0.193 | 340.5 |
| 4 | 0.63 | 0.201 | 380.6 |
| 5 | 0.689 | 0.165 | 508.5 |
| 6 | 0.709 | 0.114 | 552.9 |

## In these collections

- [Rainbow gradients](https://grabient.com/rainbow-gradients)

## Other forms

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