# Lavender, navy, purple and salmon angular gradient

Lavender, navy, purple and salmon angular gradient with 40 colors: #d0a9fb, #c4a2f3, #b397e8, #9f8bda, #897dc9, #726eb7, #5b5fa4, #455091, #31427f, #1f356e, #0e2a60, #002055, #001b48, #001743, #00134b, #051056, #121060, #21116d, #33147b, #471689, #5e1995, #771c9e, #911ea3, #aa20a5, #c121a4, #d523a0, #e4259b, #ef2894, #f82d8e, #fe3488, #ff4383, #ff4e7f, #ff567b, #ff5d78, #ff6175, #ff6573, #ff6971, #ff6c6f, #ff6f6e, #ff726d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUy1fZHCg6k7XSpbxUQA`
- Page: https://grabient.com/kUy1fZHCg6k7XSpbxUQA?style=angularGradient&steps=40&angle=160
- Drawn as: angular gradient, 40 steps, 160 degrees
- Kinds: dark center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 9 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 | `#d0a9fb` | `oklch(79.92% 0.1199 305.16)` | Purple Hepatica | black, 10.7 to 1 |
| 2 | `#c4a2f3` | `oklch(77.10% 0.1191 302.78)` | Lavender Cream | black, 9.7 to 1 |
| 3 | `#b397e8` | `oklch(73.23% 0.1175 299.31)` | Dreamy Candy Forest | black, 8.5 to 1 |
| 4 | `#9f8bda` | `oklch(68.52% 0.1155 295.00)` | Middy’s Purple | black, 7.1 to 1 |
| 5 | `#897dc9` | `oklch(63.18% 0.1131 290.09)` | Ube | black, 5.8 to 1 |
| 6 | `#726eb7` | `oklch(57.43% 0.1105 284.83)` | Clear Mauve | black, 4.6 to 1 |
| 7 | `#5b5fa4` | `oklch(51.48% 0.1081 279.47)` | Violet Storm | white, 5.7 to 1 |
| 8 | `#455091` | `oklch(45.54% 0.1059 274.24)` | Deep Ultramarine | white, 7.4 to 1 |
| 9 | `#31427f` | `oklch(39.83% 0.1042 269.41)` | Official Violet | white, 9.4 to 1 |
| 10 | `#1f356e` | `oklch(34.55% 0.1033 265.21)` | Atlantic Navy | white, 11.7 to 1 |
| 11 | `#0e2a60` | `oklch(29.92% 0.1032 261.90)` | Blue Leviathan | white, 13.8 to 1 |
| 12 | `#002055` | `oklch(26.15% 0.1042 259.71)` | Clarinet | white, 15.6 to 1 |
| 13 | `#001b48` | `oklch(23.47% 0.0915 259.10)` | Oxford Blue | white, 16.8 to 1 |
| 14 | `#001743` | `oklch(22.07% 0.0898 259.95)` | Cetacean Blue | white, 17.4 to 1 |
| 15 | `#00134b` | `oklch(22.01% 0.1065 262.56)` | Kantor Blue | white, 17.5 to 1 |
| 16 | `#051056` | `oklch(23.08% 0.1243 266.64)` | Interstellar Blue | white, 17.3 to 1 |
| 17 | `#121060` | `oklch(25.16% 0.1343 272.33)` | Space Colonisation | white, 16.5 to 1 |
| 18 | `#21116d` | `oklch(28.05% 0.1457 279.18)` | Ocean Abyss | white, 15.3 to 1 |
| 19 | `#33147b` | `oklch(31.57% 0.1581 286.91)` | Persian Indigo | white, 13.7 to 1 |
| 20 | `#471689` | `oklch(35.56% 0.1710 295.27)` | Pitch Violet | white, 12 to 1 |
| 21 | `#5e1995` | `oklch(39.83% 0.1840 304.00)` | Banafš Violet | white, 10.2 to 1 |
| 22 | `#771c9e` | `oklch(44.22% 0.1967 312.84)` | Orb of Discord | white, 8.5 to 1 |
| 23 | `#911ea3` | `oklch(48.55% 0.2086 321.52)` | Minesweeper’s Purple | white, 7.1 to 1 |
| 24 | `#aa20a5` | `oklch(52.65% 0.2193 329.79)` | Ultra Violet Lentz | white, 6 to 1 |
| 25 | `#c121a4` | `oklch(56.34% 0.2283 337.39)` | Amora Purple | white, 5.2 to 1 |
| 26 | `#d523a0` | `oklch(59.45% 0.2353 344.06)` | Melodramatic Magenta | white, 4.5 to 1 |
| 27 | `#e4259b` | `oklch(61.81% 0.2398 349.54)` | Fanatic Fuchsia | black, 5 to 1 |
| 28 | `#ef2894` | `oklch(63.59% 0.2417 354.12)` | Prickly Pink | black, 5.4 to 1 |
| 29 | `#f82d8e` | `oklch(65.11% 0.2415 358.28)` | Prickly Pink | black, 5.7 to 1 |
| 30 | `#fe3488` | `oklch(66.40% 0.2395 2.05)` | Lilac Lotion | black, 6 to 1 |
| 31 | `#ff4383` | `oklch(67.47% 0.2258 5.46)` | Sasquatch Socks | black, 6.3 to 1 |
| 32 | `#ff4e7f` | `oklch(68.36% 0.2136 8.54)` | Warm Pink | black, 6.6 to 1 |
| 33 | `#ff567b` | `oklch(69.10% 0.2043 11.31)` | Watermelon Candy | black, 6.8 to 1 |
| 34 | `#ff5d78` | `oklch(69.70% 0.1971 13.80)` | Watermelon Candy | black, 7 to 1 |
| 35 | `#ff6175` | `oklch(70.20% 0.1914 16.04)` | Kisses and Hugs | black, 7.2 to 1 |
| 36 | `#ff6573` | `oklch(70.62% 0.1869 18.05)` | Kisses and Hugs | black, 7.3 to 1 |
| 37 | `#ff6971` | `oklch(70.99% 0.1832 19.87)` | Kisses and Hugs | black, 7.4 to 1 |
| 38 | `#ff6c6f` | `oklch(71.33% 0.1800 21.52)` | Pompelmo | black, 7.6 to 1 |
| 39 | `#ff6f6e` | `oklch(71.67% 0.1770 23.02)` | Flirty Salmon | black, 7.7 to 1 |
| 40 | `#ff726d` | `oklch(72.05% 0.1738 24.41)` | Sparkling Cosmo | black, 7.8 to 1 |

## CSS

```css
background: conic-gradient(from 160deg, #d0a9fb 0.0%, #c4a2f3 2.6%, #b397e8 5.1%, #9f8bda 7.7%, #897dc9 10.3%, #726eb7 12.8%, #5b5fa4 15.4%, #455091 17.9%, #31427f 20.5%, #1f356e 23.1%, #0e2a60 25.6%, #002055 28.2%, #001b48 30.8%, #001743 33.3%, #00134b 35.9%, #051056 38.5%, #121060 41.0%, #21116d 43.6%, #33147b 46.2%, #471689 48.7%, #5e1995 51.3%, #771c9e 53.8%, #911ea3 56.4%, #aa20a5 59.0%, #c121a4 61.5%, #d523a0 64.1%, #e4259b 66.7%, #ef2894 69.2%, #f82d8e 71.8%, #fe3488 74.4%, #ff4383 76.9%, #ff4e7f 79.5%, #ff567b 82.1%, #ff5d78 84.6%, #ff6175 87.2%, #ff6573 89.7%, #ff6971 92.3%, #ff6c6f 94.9%, #ff6f6e 97.4%, #ff726d 100.0%);
background: conic-gradient(from 160deg in oklch, oklch(79.92% 0.1199 305.16) 0.0%, oklch(77.10% 0.1191 302.78) 2.6%, oklch(73.23% 0.1175 299.31) 5.1%, oklch(68.52% 0.1155 295.00) 7.7%, oklch(63.18% 0.1131 290.09) 10.3%, oklch(57.43% 0.1105 284.83) 12.8%, oklch(51.48% 0.1081 279.47) 15.4%, oklch(45.54% 0.1059 274.24) 17.9%, oklch(39.83% 0.1042 269.41) 20.5%, oklch(34.55% 0.1033 265.21) 23.1%, oklch(29.92% 0.1032 261.90) 25.6%, oklch(26.15% 0.1042 259.71) 28.2%, oklch(23.47% 0.0915 259.10) 30.8%, oklch(22.07% 0.0898 259.95) 33.3%, oklch(22.01% 0.1065 262.56) 35.9%, oklch(23.08% 0.1243 266.64) 38.5%, oklch(25.16% 0.1343 272.33) 41.0%, oklch(28.05% 0.1457 279.18) 43.6%, oklch(31.57% 0.1581 286.91) 46.2%, oklch(35.56% 0.1710 295.27) 48.7%, oklch(39.83% 0.1840 304.00) 51.3%, oklch(44.22% 0.1967 312.84) 53.8%, oklch(48.55% 0.2086 321.52) 56.4%, oklch(52.65% 0.2193 329.79) 59.0%, oklch(56.34% 0.2283 337.39) 61.5%, oklch(59.45% 0.2353 344.06) 64.1%, oklch(61.81% 0.2398 349.54) 66.7%, oklch(63.59% 0.2417 354.12) 69.2%, oklch(65.11% 0.2415 358.28) 71.8%, oklch(66.40% 0.2395 2.05) 74.4%, oklch(67.47% 0.2258 5.46) 76.9%, oklch(68.36% 0.2136 8.54) 79.5%, oklch(69.10% 0.2043 11.31) 82.1%, oklch(69.70% 0.1971 13.80) 84.6%, oklch(70.20% 0.1914 16.04) 87.2%, oklch(70.62% 0.1869 18.05) 89.7%, oklch(70.99% 0.1832 19.87) 92.3%, oklch(71.33% 0.1800 21.52) 94.9%, oklch(71.67% 0.1770 23.02) 97.4%, oklch(72.05% 0.1738 24.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.12 | 305.2 |
| 2 | 0.22 | 0.11 | 259.7 |
| 3 | 0.618 | 0.24 | 349.5 |
| 4 | 0.72 | 0.19 | 384.4 |

## Other forms

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