# Deep saturated spectrum

The Deep saturated spectrum brings together magenta, red, orange, gold, blue, and purple. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Rainbow from magenta to purple linear gradient
- Seed: `kYd3T_SsLDd43xBoucTO73TTk_RS`
- Page: https://grabient.com/kYd3T_SsLDd43xBoucTO73TTk_RS?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.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 | `#9b2459` | `oklch(46.85% 0.1598 358.59)` | Berry Curious | white, 7.5 to 1 |
| 2 | `#a12657` | `oklch(48.05% 0.1629 1.63)` | Cherries Jubilee | white, 7.1 to 1 |
| 3 | `#aa2854` | `oklch(49.66% 0.1676 5.76)` | Primal Red | white, 6.6 to 1 |
| 4 | `#b42b4f` | `oklch(51.59% 0.1729 10.68)` | Minted Blueberry Lemonade | white, 6.1 to 1 |
| 5 | `#bf3049` | `oklch(53.73% 0.1780 16.09)` | Bleeding Heart | white, 5.6 to 1 |
| 6 | `#c93741` | `oklch(55.97% 0.1818 21.68)` | Red Icon | white, 5.1 to 1 |
| 7 | `#d14039` | `oklch(58.22% 0.1833 27.13)` | Red Clown | white, 4.6 to 1 |
| 8 | `#d94b32` | `oklch(60.52% 0.1817 32.38)` | Spicy Orange | black, 4.9 to 1 |
| 9 | `#df582d` | `oklch(63.07% 0.1773 37.73)` | Untamed Orange | black, 5.5 to 1 |
| 10 | `#e4672b` | `oklch(65.75% 0.1712 43.22)` | Iron Orange | black, 6.2 to 1 |
| 11 | `#e8752b` | `oklch(68.42% 0.1646 48.85)` | Crushed Orange | black, 6.9 to 1 |
| 12 | `#eb822d` | `oklch(70.96% 0.1584 54.65)` | Bourbon Peach | black, 7.7 to 1 |
| 13 | `#ed8e2e` | `oklch(73.22% 0.1540 60.62)` | Sun | black, 8.5 to 1 |
| 14 | `#ee992e` | `oklch(75.28% 0.1520 66.28)` | Nuclear Mango | black, 9.2 to 1 |
| 15 | `#f3a333` | `oklch(77.73% 0.1517 70.21)` | Lightning Yellow | black, 10.1 to 1 |
| 16 | `#f8ad38` | `oklch(80.21% 0.1525 73.63)` | Raichu Orange | black, 11 to 1 |
| 17 | `#fbb739` | `oklch(82.27% 0.1539 78.00)` | Glowing Lantern | black, 11.9 to 1 |
| 18 | `#f7bf37` | `oklch(83.43% 0.1558 84.77)` | Phellodendron Amurense | black, 12.4 to 1 |
| 19 | `#e8c633` | `oklch(83.24% 0.1576 95.41)` | Thai Temple | black, 12.5 to 1 |
| 20 | `#c5cb3c` | `oklch(81.17% 0.1590 111.61)` | Sunny Green | black, 11.9 to 1 |
| 21 | `#84c95b` | `oklch(76.58% 0.1607 135.32)` | Vivid Spring | black, 10.4 to 1 |
| 22 | `#00bb86` | `oklch(70.21% 0.1491 164.24)` | Slime Girl | black, 8.4 to 1 |
| 23 | `#009d9e` | `oklch(63.03% 0.1075 195.35)` | Riviera Paradise | black, 6.3 to 1 |
| 24 | `#0081a4` | `oklch(56.00% 0.1067 225.59)` | Kingfisher Sheen | black, 4.6 to 1 |
| 25 | `#0064b5` | `oklch(50.10% 0.1495 251.91)` | Ephren Blue | white, 6 to 1 |
| 26 | `#3a4ab6` | `oklch(46.28% 0.1697 271.32)` | Night in Manchester | white, 7.3 to 1 |
| 27 | `#4f3bac` | `oklch(44.33% 0.1708 284.84)` | Megadrive Screen | white, 8.2 to 1 |
| 28 | `#5b33a4` | `oklch(43.60% 0.1716 294.44)` | Royalty | white, 8.5 to 1 |
| 29 | `#642f9f` | `oklch(43.69% 0.1723 301.05)` | Rebecca Purple | white, 8.5 to 1 |
| 30 | `#6b2e9d` | `oklch(44.19% 0.1728 305.63)` | Purple Heart | white, 8.4 to 1 |
| 31 | `#702d9b` | `oklch(44.72% 0.1733 309.11)` | Purple Heart | white, 8.2 to 1 |
| 32 | `#752b98` | `oklch(44.88% 0.1736 312.45)` | Orb of Discord | white, 8.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #9b2459 0.0%, #a12657 3.2%, #aa2854 6.5%, #b42b4f 9.7%, #bf3049 12.9%, #c93741 16.1%, #d14039 19.4%, #d94b32 22.6%, #df582d 25.8%, #e4672b 29.0%, #e8752b 32.3%, #eb822d 35.5%, #ed8e2e 38.7%, #ee992e 41.9%, #f3a333 45.2%, #f8ad38 48.4%, #fbb739 51.6%, #f7bf37 54.8%, #e8c633 58.1%, #c5cb3c 61.3%, #84c95b 64.5%, #00bb86 67.7%, #009d9e 71.0%, #0081a4 74.2%, #0064b5 77.4%, #3a4ab6 80.6%, #4f3bac 83.9%, #5b33a4 87.1%, #642f9f 90.3%, #6b2e9d 93.5%, #702d9b 96.8%, #752b98 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.85% 0.1598 358.59) 0.0%, oklch(48.05% 0.1629 1.63) 3.2%, oklch(49.66% 0.1676 5.76) 6.5%, oklch(51.59% 0.1729 10.68) 9.7%, oklch(53.73% 0.1780 16.09) 12.9%, oklch(55.97% 0.1818 21.68) 16.1%, oklch(58.22% 0.1833 27.13) 19.4%, oklch(60.52% 0.1817 32.38) 22.6%, oklch(63.07% 0.1773 37.73) 25.8%, oklch(65.75% 0.1712 43.22) 29.0%, oklch(68.42% 0.1646 48.85) 32.3%, oklch(70.96% 0.1584 54.65) 35.5%, oklch(73.22% 0.1540 60.62) 38.7%, oklch(75.28% 0.1520 66.28) 41.9%, oklch(77.73% 0.1517 70.21) 45.2%, oklch(80.21% 0.1525 73.63) 48.4%, oklch(82.27% 0.1539 78.00) 51.6%, oklch(83.43% 0.1558 84.77) 54.8%, oklch(83.24% 0.1576 95.41) 58.1%, oklch(81.17% 0.1590 111.61) 61.3%, oklch(76.58% 0.1607 135.32) 64.5%, oklch(70.21% 0.1491 164.24) 67.7%, oklch(63.03% 0.1075 195.35) 71.0%, oklch(56.00% 0.1067 225.59) 74.2%, oklch(50.10% 0.1495 251.91) 77.4%, oklch(46.28% 0.1697 271.32) 80.6%, oklch(44.33% 0.1708 284.84) 83.9%, oklch(43.60% 0.1716 294.44) 87.1%, oklch(43.69% 0.1723 301.05) 90.3%, oklch(44.19% 0.1728 305.63) 93.5%, oklch(44.72% 0.1733 309.11) 96.8%, oklch(44.88% 0.1736 312.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.469 | 0.16 | 358.6 |
| 2 | 0.587 | 0.183 | 388.2 |
| 3 | 0.74 | 0.153 | 423.1 |
| 4 | 0.823 | 0.158 | 464.3 |
| 5 | 0.469 | 0.169 | 628.1 |
| 6 | 0.449 | 0.174 | 672.4 |

## In these collections

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

## Other forms

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