# Seamless pink, purple and blue angular gradient

Seamless pink, purple and blue angular gradient with 32 colors: #d9b0a4, #d6aa9f, #d2a19a, #cc9795, #c58c91, #bb828e, #ae778c, #9d6c88, #8b6284, #79597f, #69537b, #5d4f7a, #514d79, #464d7a, #3c4f7a, #33537b, #2d597d, #2d6180, #326b86, #3b768c, #468191, #518b94, #619597, #729f9a, #84a89e, #95b0a2, #a2b6a4, #afb9a3, #bcb9a1, #c7b8a2, #d0b6a6, #d4b6ab. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaySUbVBq7zwZOS4HDlSxc7V-MONljjLg`
- Page: https://grabient.com/kaySUbVBq7zwZOS4HDlSxc7V-MONljjLg?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: dark center, muted, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 4.2 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 | `#d9b0a4` | `oklch(79.13% 0.0510 37.97)` | Sandpaper | black, 10.7 to 1 |
| 2 | `#d6aa9f` | `oklch(77.53% 0.0543 33.75)` | Everything’s Rosy | black, 10.1 to 1 |
| 3 | `#d2a19a` | `oklch(75.32% 0.0591 28.02)` | Evening Dress | black, 9.3 to 1 |
| 4 | `#cc9795` | `oklch(72.67% 0.0645 21.07)` | Silk Stone | black, 8.4 to 1 |
| 5 | `#c58c91` | `oklch(69.73% 0.0694 13.16)` | Greyish Pink | black, 7.5 to 1 |
| 6 | `#bb828e` | `oklch(66.66% 0.0727 4.57)` | Lipstick Pink | black, 6.6 to 1 |
| 7 | `#ae778c` | `oklch(63.26% 0.0737 355.14)` | Cipher | black, 5.8 to 1 |
| 8 | `#9d6c88` | `oklch(59.23% 0.0730 344.44)` | Pink Jazz | black, 4.9 to 1 |
| 9 | `#8b6284` | `oklch(55.04% 0.0714 332.97)` | Orchid Orchestra | white, 5 to 1 |
| 10 | `#79597f` | `oklch(51.15% 0.0697 321.23)` | Dr Who | white, 5.9 to 1 |
| 11 | `#69537b` | `oklch(48.03% 0.0689 309.73)` | Virtual Violet | white, 6.7 to 1 |
| 12 | `#5d4f7a` | `oklch(45.94% 0.0695 298.63)` | Imperial Palace | white, 7.3 to 1 |
| 13 | `#514d79` | `oklch(44.42% 0.0714 287.29)` | Skipper Blue | white, 7.7 to 1 |
| 14 | `#464d7a` | `oklch(43.50% 0.0738 275.97)` | Skipper Blue | white, 8 to 1 |
| 15 | `#3c4f7a` | `oklch(43.21% 0.0760 265.02)` | Takaka | white, 8 to 1 |
| 16 | `#33537b` | `oklch(43.62% 0.0772 254.77)` | Bunting Blue | white, 7.8 to 1 |
| 17 | `#2d597d` | `oklch(44.82% 0.0768 245.66)` | Bahama Blue | white, 7.4 to 1 |
| 18 | `#2d6180` | `oklch(47.08% 0.0753 238.07)` | Carbide | white, 6.7 to 1 |
| 19 | `#326b86` | `oklch(50.09% 0.0729 231.29)` | Faience | white, 5.8 to 1 |
| 20 | `#3b768c` | `oklch(53.50% 0.0698 224.50)` | English River | white, 5 to 1 |
| 21 | `#468191` | `oklch(56.94% 0.0661 216.88)` | Casual Blue | black, 4.8 to 1 |
| 22 | `#518b94` | `oklch(60.09% 0.0618 207.73)` | Dusty Turquoise | black, 5.4 to 1 |
| 23 | `#619597` | `oklch(63.42% 0.0559 198.11)` | Vintage Teal | black, 6.2 to 1 |
| 24 | `#729f9a` | `oklch(66.90% 0.0488 187.93)` | Delaware Blue Hen | black, 7.1 to 1 |
| 25 | `#84a89e` | `oklch(70.26% 0.0419 176.59)` | Scenario | black, 8 to 1 |
| 26 | `#95b0a2` | `oklch(73.23% 0.0361 163.45)` | Burma Jade | black, 8.9 to 1 |
| 27 | `#a2b6a4` | `oklch(75.52% 0.0327 147.84)` | Bamboo Shoot | black, 9.7 to 1 |
| 28 | `#afb9a3` | `oklch(77.13% 0.0320 127.06)` | Matt Sage | black, 10.2 to 1 |
| 29 | `#bcb9a1` | `oklch(78.23% 0.0331 102.50)` | Heavy Hammock | black, 10.6 to 1 |
| 30 | `#c7b8a2` | `oklch(78.96% 0.0352 77.62)` | Ranch Tan | black, 10.8 to 1 |
| 31 | `#d0b6a6` | `oklch(79.48% 0.0373 55.89)` | Treeless | black, 10.9 to 1 |
| 32 | `#d4b6ab` | `oklch(79.92% 0.0386 40.79)` | Pink Apatite | black, 11 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #d9b0a4 0.0%, #d6aa9f 3.2%, #d2a19a 6.5%, #cc9795 9.7%, #c58c91 12.9%, #bb828e 16.1%, #ae778c 19.4%, #9d6c88 22.6%, #8b6284 25.8%, #79597f 29.0%, #69537b 32.3%, #5d4f7a 35.5%, #514d79 38.7%, #464d7a 41.9%, #3c4f7a 45.2%, #33537b 48.4%, #2d597d 51.6%, #2d6180 54.8%, #326b86 58.1%, #3b768c 61.3%, #468191 64.5%, #518b94 67.7%, #619597 71.0%, #729f9a 74.2%, #84a89e 77.4%, #95b0a2 80.6%, #a2b6a4 83.9%, #afb9a3 87.1%, #bcb9a1 90.3%, #c7b8a2 93.5%, #d0b6a6 96.8%, #d4b6ab 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(79.13% 0.0510 37.97) 0.0%, oklch(77.53% 0.0543 33.75) 3.2%, oklch(75.32% 0.0591 28.02) 6.5%, oklch(72.67% 0.0645 21.07) 9.7%, oklch(69.73% 0.0694 13.16) 12.9%, oklch(66.66% 0.0727 4.57) 16.1%, oklch(63.26% 0.0737 355.14) 19.4%, oklch(59.23% 0.0730 344.44) 22.6%, oklch(55.04% 0.0714 332.97) 25.8%, oklch(51.15% 0.0697 321.23) 29.0%, oklch(48.03% 0.0689 309.73) 32.3%, oklch(45.94% 0.0695 298.63) 35.5%, oklch(44.42% 0.0714 287.29) 38.7%, oklch(43.50% 0.0738 275.97) 41.9%, oklch(43.21% 0.0760 265.02) 45.2%, oklch(43.62% 0.0772 254.77) 48.4%, oklch(44.82% 0.0768 245.66) 51.6%, oklch(47.08% 0.0753 238.07) 54.8%, oklch(50.09% 0.0729 231.29) 58.1%, oklch(53.50% 0.0698 224.50) 61.3%, oklch(56.94% 0.0661 216.88) 64.5%, oklch(60.09% 0.0618 207.73) 67.7%, oklch(63.42% 0.0559 198.11) 71.0%, oklch(66.90% 0.0488 187.93) 74.2%, oklch(70.26% 0.0419 176.59) 77.4%, oklch(73.23% 0.0361 163.45) 80.6%, oklch(75.52% 0.0327 147.84) 83.9%, oklch(77.13% 0.0320 127.06) 87.1%, oklch(78.23% 0.0331 102.50) 90.3%, oklch(78.96% 0.0352 77.62) 93.5%, oklch(79.48% 0.0373 55.89) 96.8%, oklch(79.92% 0.0386 40.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.051 | 38 |
| 2 | 0.661 | 0.073 | 3.1 |
| 3 | 0.472 | 0.069 | -54 |
| 4 | 0.441 | 0.077 | -110 |
| 5 | 0.591 | 0.063 | -149.1 |
| 6 | 0.752 | 0.033 | -209.3 |
| 7 | 0.799 | 0.039 | -319.2 |

## In these collections

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

## Other forms

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