# Ruby pink and sapphire angular prism

Deep wine sweeps through ruby and rose pink into lavender, violet-blue, and sapphire, then returns through smoky purple to its dark wine beginning. The closed angular gradient combines warm jewel tones with cool refracted-light colors. It suits bedazzled design graphics, expressive beauty backgrounds, decorative packaging, and jewelry-inspired promotional artwork.

- Also called: Seamless dark purple and purple angular gradient
- Seed: `kYUDX3SD3CeWlPnJO7gwyc7qgayu`
- Page: https://grabient.com/kYUDX3SD3CeWlPnJO7gwyc7qgayu?style=angularGradient&steps=40
- Drawn as: angular gradient, 40 steps, 90 degrees
- Kinds: light center, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 6.7 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 | `#4b2038` | `oklch(31.50% 0.0730 347.34)` | Prestige Mauve | white, 13.3 to 1 |
| 2 | `#54223d` | `oklch(33.51% 0.0819 349.27)` | Carambar | white, 12.4 to 1 |
| 3 | `#612543` | `oklch(36.22% 0.0949 352.09)` | Quills of Terico | white, 11.3 to 1 |
| 4 | `#712749` | `oklch(39.44% 0.1106 355.47)` | Palace Red | white, 10 to 1 |
| 5 | `#832a4e` | `oklch(43.01% 0.1271 359.06)` | Raspberry Radiance | white, 8.7 to 1 |
| 6 | `#962d53` | `oklch(46.75% 0.1430 2.51)` | Figue Pulp | white, 7.4 to 1 |
| 7 | `#a93258` | `oklch(50.50% 0.1564 5.48)` | Jam Jar | white, 6.4 to 1 |
| 8 | `#b9395d` | `oklch(54.07% 0.1659 7.61)` | Cry of a Rose | white, 5.5 to 1 |
| 9 | `#c64164` | `oklch(57.33% 0.1697 8.58)` | Royal Banner | white, 4.8 to 1 |
| 10 | `#d24e6e` | `oklch(60.83% 0.1668 8.92)` | Pink Punch | black, 5 to 1 |
| 11 | `#dc5e7a` | `oklch(64.69% 0.1587 8.87)` | Hint of Cherry | black, 5.9 to 1 |
| 12 | `#e46f88` | `oklch(68.63% 0.1471 8.31)` | Deep Blush | black, 6.9 to 1 |
| 13 | `#eb8097` | `oklch(72.37% 0.1339 7.13)` | Iced Berry | black, 8 to 1 |
| 14 | `#f08ea5` | `oklch(75.63% 0.1210 5.19)` | Astilbe | black, 9.1 to 1 |
| 15 | `#f39ab2` | `oklch(78.15% 0.1102 2.39)` | Flower Girl | black, 10 to 1 |
| 16 | `#f3a0bb` | `oklch(79.64% 0.1034 358.60)` | Pink Chalk | black, 10.6 to 1 |
| 17 | `#f1a2c2` | `oklch(79.80% 0.1023 353.62)` | Prism Pink | black, 10.6 to 1 |
| 18 | `#eb9dc6` | `oklch(78.42% 0.1068 346.84)` | Be My Valentine | black, 10.1 to 1 |
| 19 | `#e093c9` | `oklch(75.80% 0.1154 338.56)` | Firm Pink | black, 9.2 to 1 |
| 20 | `#d188cc` | `oklch(72.36% 0.1264 329.32)` | Purception | black, 8.1 to 1 |
| 21 | `#bf7ccf` | `oklch(68.48% 0.1382 319.62)` | Purple Kush | black, 6.9 to 1 |
| 22 | `#aa71d1` | `oklch(64.58% 0.1494 309.99)` | Rich Lavender | black, 5.9 to 1 |
| 23 | `#9469d2` | `oklch(61.04% 0.1583 300.95)` | Amethyst | black, 5.1 to 1 |
| 24 | `#8163d2` | `oklch(58.28% 0.1634 293.02)` | C64 Purple | black, 4.6 to 1 |
| 25 | `#7162d0` | `oklch(56.58% 0.1635 286.19)` | Dark Periwinkle | white, 4.8 to 1 |
| 26 | `#6264ce` | `oklch(55.64% 0.1597 278.84)` | Dark Periwinkle | white, 4.9 to 1 |
| 27 | `#5368ca` | `oklch(55.21% 0.1531 271.34)` | Borage Blue | white, 4.9 to 1 |
| 28 | `#466dc5` | `oklch(55.06% 0.1446 264.32)` | Han Blue | white, 4.9 to 1 |
| 29 | `#3c70bf` | `oklch(54.99% 0.1350 258.42)` | Palace Blue | white, 4.9 to 1 |
| 30 | `#3872b8` | `oklch(54.78% 0.1252 254.27)` | Campanula | white, 4.9 to 1 |
| 31 | `#3872b1` | `oklch(54.22% 0.1161 252.48)` | Athens | white, 5 to 1 |
| 32 | `#3b6ea9` | `oklch(53.07% 0.1087 253.69)` | Nocturne Shade | white, 5.2 to 1 |
| 33 | `#4166a1` | `oklch(51.16% 0.1029 259.00)` | Mariner | white, 5.7 to 1 |
| 34 | `#485c96` | `oklch(48.54% 0.0973 268.91)` | Blue Dude | white, 6.4 to 1 |
| 35 | `#4f4f88` | `oklch(45.47% 0.0921 282.06)` | Twilight | white, 7.4 to 1 |
| 36 | `#534277` | `oklch(42.16% 0.0872 297.05)` | Raw Amethyst | white, 8.6 to 1 |
| 37 | `#543664` | `oklch(38.88% 0.0828 312.48)` | Damson Mauve | white, 10 to 1 |
| 38 | `#522c52` | `oklch(35.84% 0.0789 326.94)` | Purple Shade | white, 11.3 to 1 |
| 39 | `#4f2543` | `oklch(33.30% 0.0756 339.03)` | Murasaki | white, 12.5 to 1 |
| 40 | `#4b2038` | `oklch(31.50% 0.0730 347.34)` | Prestige Mauve | white, 13.3 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #4b2038 0.0%, #54223d 2.6%, #612543 5.1%, #712749 7.7%, #832a4e 10.3%, #962d53 12.8%, #a93258 15.4%, #b9395d 17.9%, #c64164 20.5%, #d24e6e 23.1%, #dc5e7a 25.6%, #e46f88 28.2%, #eb8097 30.8%, #f08ea5 33.3%, #f39ab2 35.9%, #f3a0bb 38.5%, #f1a2c2 41.0%, #eb9dc6 43.6%, #e093c9 46.2%, #d188cc 48.7%, #bf7ccf 51.3%, #aa71d1 53.8%, #9469d2 56.4%, #8163d2 59.0%, #7162d0 61.5%, #6264ce 64.1%, #5368ca 66.7%, #466dc5 69.2%, #3c70bf 71.8%, #3872b8 74.4%, #3872b1 76.9%, #3b6ea9 79.5%, #4166a1 82.1%, #485c96 84.6%, #4f4f88 87.2%, #534277 89.7%, #543664 92.3%, #522c52 94.9%, #4f2543 97.4%, #4b2038 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(31.50% 0.0730 347.34) 0.0%, oklch(33.51% 0.0819 349.27) 2.6%, oklch(36.22% 0.0949 352.09) 5.1%, oklch(39.44% 0.1106 355.47) 7.7%, oklch(43.01% 0.1271 359.06) 10.3%, oklch(46.75% 0.1430 2.51) 12.8%, oklch(50.50% 0.1564 5.48) 15.4%, oklch(54.07% 0.1659 7.61) 17.9%, oklch(57.33% 0.1697 8.58) 20.5%, oklch(60.83% 0.1668 8.92) 23.1%, oklch(64.69% 0.1587 8.87) 25.6%, oklch(68.63% 0.1471 8.31) 28.2%, oklch(72.37% 0.1339 7.13) 30.8%, oklch(75.63% 0.1210 5.19) 33.3%, oklch(78.15% 0.1102 2.39) 35.9%, oklch(79.64% 0.1034 358.60) 38.5%, oklch(79.80% 0.1023 353.62) 41.0%, oklch(78.42% 0.1068 346.84) 43.6%, oklch(75.80% 0.1154 338.56) 46.2%, oklch(72.36% 0.1264 329.32) 48.7%, oklch(68.48% 0.1382 319.62) 51.3%, oklch(64.58% 0.1494 309.99) 53.8%, oklch(61.04% 0.1583 300.95) 56.4%, oklch(58.28% 0.1634 293.02) 59.0%, oklch(56.58% 0.1635 286.19) 61.5%, oklch(55.64% 0.1597 278.84) 64.1%, oklch(55.21% 0.1531 271.34) 66.7%, oklch(55.06% 0.1446 264.32) 69.2%, oklch(54.99% 0.1350 258.42) 71.8%, oklch(54.78% 0.1252 254.27) 74.4%, oklch(54.22% 0.1161 252.48) 76.9%, oklch(53.07% 0.1087 253.69) 79.5%, oklch(51.16% 0.1029 259.00) 82.1%, oklch(48.54% 0.0973 268.91) 84.6%, oklch(45.47% 0.0921 282.06) 87.2%, oklch(42.16% 0.0872 297.05) 89.7%, oklch(38.88% 0.0828 312.48) 92.3%, oklch(35.84% 0.0789 326.94) 94.9%, oklch(33.30% 0.0756 339.03) 97.4%, oklch(31.50% 0.0730 347.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.073 | 347.3 |
| 2 | 0.567 | 0.169 | 368.5 |
| 3 | 0.799 | 0.102 | 355.8 |
| 4 | 0.575 | 0.164 | 290.3 |
| 5 | 0.528 | 0.107 | 254.3 |
| 6 | 0.315 | 0.073 | 347.3 |

## In these collections

- [Bedazzled](https://grabient.com/bedazzled)

## Other forms

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