# Cobalt lilac diagonal glow

Vivid analogous blue and lavender linear swatches with 34 colors: #415fd1, #435fd1, #4560d2, #4761d2, #4a62d3, #4c63d4, #4f65d4, #5266d5, #5667d6, #5968d7, #5d6ad7, #616bd8, #656cd9, #696dda, #6e6eda, #736fdb, #7771db, #7c72dc, #8173dc, #8675dd, #8b76dd, #9077de, #9678df, #9b7adf, #a17be0, #a77ce1, #ae7ee2, #b47fe3, #bb80e4, #c181e4, #c783e4, #cc84e4, #d085e4, #d385e4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid analogous blue and lavender linear swatches
- Seed: `kUhoK_STxA1I2wjdOMLg`
- Page: https://grabient.com/kUhoK_STxA1I2wjdOMLg?style=linearSwatches&steps=34&angle=135
- Drawn as: linear swatches, 34 steps, 135 degrees
- Kinds: vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#415fd1` | `oklch(52.76% 0.1791 268.59)` | Savoy Blue | white, 5.5 to 1 |
| 2 | `#435fd1` | `oklch(53.00% 0.1784 268.94)` | Savoy Blue | white, 5.5 to 1 |
| 3 | `#4560d2` | `oklch(53.30% 0.1775 269.33)` | Savoy Blue | white, 5.4 to 1 |
| 4 | `#4761d2` | `oklch(53.64% 0.1764 269.76)` | Savoy Blue | white, 5.3 to 1 |
| 5 | `#4a62d3` | `oklch(54.03% 0.1752 270.25)` | Monarchist | white, 5.2 to 1 |
| 6 | `#4c63d4` | `oklch(54.45% 0.1739 270.80)` | Monarchist | white, 5.1 to 1 |
| 7 | `#4f65d4` | `oklch(54.91% 0.1725 271.43)` | Monarchist | white, 5 to 1 |
| 8 | `#5266d5` | `oklch(55.39% 0.1710 272.13)` | Thick Blue | white, 4.9 to 1 |
| 9 | `#5667d6` | `oklch(55.89% 0.1696 272.94)` | Thick Blue | white, 4.8 to 1 |
| 10 | `#5968d7` | `oklch(56.41% 0.1681 273.84)` | Thick Blue | white, 4.7 to 1 |
| 11 | `#5d6ad7` | `oklch(56.94% 0.1667 274.85)` | Exodus Fruit | white, 4.6 to 1 |
| 12 | `#616bd8` | `oklch(57.48% 0.1654 275.99)` | Exodus Fruit | black, 4.5 to 1 |
| 13 | `#656cd9` | `oklch(58.03% 0.1640 277.26)` | C64 Purple | black, 4.6 to 1 |
| 14 | `#696dda` | `oklch(58.60% 0.1624 278.66)` | C64 Purple | black, 4.8 to 1 |
| 15 | `#6e6eda` | `oklch(59.20% 0.1608 280.17)` | C64 Purple | black, 4.9 to 1 |
| 16 | `#736fdb` | `oklch(59.82% 0.1591 281.79)` | C64 Purple | black, 5 to 1 |
| 17 | `#7771db` | `oklch(60.45% 0.1574 283.49)` | C64 Purple | black, 5.1 to 1 |
| 18 | `#7c72dc` | `oklch(61.11% 0.1558 285.28)` | C64 Purple | black, 5.2 to 1 |
| 19 | `#8173dc` | `oklch(61.77% 0.1542 287.14)` | Matt Purple | black, 5.4 to 1 |
| 20 | `#8675dd` | `oklch(62.46% 0.1529 289.05)` | Matt Purple | black, 5.5 to 1 |
| 21 | `#8b76dd` | `oklch(63.15% 0.1517 291.01)` | Matt Purple | black, 5.7 to 1 |
| 22 | `#9077de` | `oklch(63.85% 0.1508 293.00)` | Matt Purple | black, 5.8 to 1 |
| 23 | `#9678df` | `oklch(64.57% 0.1502 295.01)` | Matt Purple | black, 6 to 1 |
| 24 | `#9b7adf` | `oklch(65.33% 0.1499 297.18)` | Matt Purple | black, 6.2 to 1 |
| 25 | `#a17be0` | `oklch(66.16% 0.1500 299.58)` | Lavender Blossom | black, 6.4 to 1 |
| 26 | `#a77ce1` | `oklch(67.05% 0.1504 302.16)` | Lavender Blossom | black, 6.6 to 1 |
| 27 | `#ae7ee2` | `oklch(67.97% 0.1509 304.84)` | Lavender Blossom | black, 6.8 to 1 |
| 28 | `#b47fe3` | `oklch(68.89% 0.1516 307.54)` | Lavender Blossom | black, 7 to 1 |
| 29 | `#bb80e4` | `oklch(69.79% 0.1524 310.20)` | Lavender Blossom | black, 7.3 to 1 |
| 30 | `#c181e4` | `oklch(70.65% 0.1532 312.75)` | Lavender Perceptions | black, 7.5 to 1 |
| 31 | `#c783e4` | `oklch(71.45% 0.1540 315.12)` | Lavender Perceptions | black, 7.7 to 1 |
| 32 | `#cc84e4` | `oklch(72.16% 0.1548 317.22)` | Lavender Perceptions | black, 7.9 to 1 |
| 33 | `#d085e4` | `oklch(72.76% 0.1553 319.00)` | Lavender Perceptions | black, 8.1 to 1 |
| 34 | `#d385e4` | `oklch(73.23% 0.1557 320.37)` | Lavender Perceptions | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #415fd1 0.000% 2.941%, #435fd1 2.941% 5.882%, #4560d2 5.882% 8.824%, #4761d2 8.824% 11.765%, #4a62d3 11.765% 14.706%, #4c63d4 14.706% 17.647%, #4f65d4 17.647% 20.588%, #5266d5 20.588% 23.529%, #5667d6 23.529% 26.471%, #5968d7 26.471% 29.412%, #5d6ad7 29.412% 32.353%, #616bd8 32.353% 35.294%, #656cd9 35.294% 38.235%, #696dda 38.235% 41.176%, #6e6eda 41.176% 44.118%, #736fdb 44.118% 47.059%, #7771db 47.059% 50.000%, #7c72dc 50.000% 52.941%, #8173dc 52.941% 55.882%, #8675dd 55.882% 58.824%, #8b76dd 58.824% 61.765%, #9077de 61.765% 64.706%, #9678df 64.706% 67.647%, #9b7adf 67.647% 70.588%, #a17be0 70.588% 73.529%, #a77ce1 73.529% 76.471%, #ae7ee2 76.471% 79.412%, #b47fe3 79.412% 82.353%, #bb80e4 82.353% 85.294%, #c181e4 85.294% 88.235%, #c783e4 88.235% 91.176%, #cc84e4 91.176% 94.118%, #d085e4 94.118% 97.059%, #d385e4 97.059% 100.000%);
background: linear-gradient(135deg, oklch(52.76% 0.1791 268.59) 0.000% 2.941%, oklch(53.00% 0.1784 268.94) 2.941% 5.882%, oklch(53.30% 0.1775 269.33) 5.882% 8.824%, oklch(53.64% 0.1764 269.76) 8.824% 11.765%, oklch(54.03% 0.1752 270.25) 11.765% 14.706%, oklch(54.45% 0.1739 270.80) 14.706% 17.647%, oklch(54.91% 0.1725 271.43) 17.647% 20.588%, oklch(55.39% 0.1710 272.13) 20.588% 23.529%, oklch(55.89% 0.1696 272.94) 23.529% 26.471%, oklch(56.41% 0.1681 273.84) 26.471% 29.412%, oklch(56.94% 0.1667 274.85) 29.412% 32.353%, oklch(57.48% 0.1654 275.99) 32.353% 35.294%, oklch(58.03% 0.1640 277.26) 35.294% 38.235%, oklch(58.60% 0.1624 278.66) 38.235% 41.176%, oklch(59.20% 0.1608 280.17) 41.176% 44.118%, oklch(59.82% 0.1591 281.79) 44.118% 47.059%, oklch(60.45% 0.1574 283.49) 47.059% 50.000%, oklch(61.11% 0.1558 285.28) 50.000% 52.941%, oklch(61.77% 0.1542 287.14) 52.941% 55.882%, oklch(62.46% 0.1529 289.05) 55.882% 58.824%, oklch(63.15% 0.1517 291.01) 58.824% 61.765%, oklch(63.85% 0.1508 293.00) 61.765% 64.706%, oklch(64.57% 0.1502 295.01) 64.706% 67.647%, oklch(65.33% 0.1499 297.18) 67.647% 70.588%, oklch(66.16% 0.1500 299.58) 70.588% 73.529%, oklch(67.05% 0.1504 302.16) 73.529% 76.471%, oklch(67.97% 0.1509 304.84) 76.471% 79.412%, oklch(68.89% 0.1516 307.54) 79.412% 82.353%, oklch(69.79% 0.1524 310.20) 82.353% 85.294%, oklch(70.65% 0.1532 312.75) 85.294% 88.235%, oklch(71.45% 0.1540 315.12) 88.235% 91.176%, oklch(72.16% 0.1548 317.22) 91.176% 94.118%, oklch(72.76% 0.1553 319.00) 94.118% 97.059%, oklch(73.23% 0.1557 320.37) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.179 | 268.6 |
| 2 | 0.575 | 0.165 | 276 |
| 3 | 0.646 | 0.15 | 295 |
| 4 | 0.732 | 0.156 | 320.4 |

## In these collections

- [Violet swatches](https://grabient.com/violet-swatches)

## Other forms

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