# Violet sapphire pearl glow

Triadic pink, blue, black and teal radial gradient with 32 colors: #f7eee2, #f5e4d5, #f5d7c6, #f5c6ba, #f1b3b6, #e7a0bb, #d48fc5, #ba83d0, #9a79d6, #7972d5, #5b6bce, #4562c1, #3957af, #34499a, #323b83, #2f2e6b, #2b2354, #251b40, #1f1530, #1a1225, #16111f, #16131f, #1a1924, #20232e, #28303d, #31414d, #3a545f, #45686e, #517c7a, #618e82, #719d87, #7ea78a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Triadic pink, blue, black and teal radial gradient
- Seed: `kU8g41xjeshiJQzXli7A`
- Page: https://grabient.com/kU8g41xjeshiJQzXli7A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 16 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 | `#f7eee2` | `oklch(95.28% 0.0193 75.23)` | Magnolia Petal | black, 18.2 to 1 |
| 2 | `#f5e4d5` | `oklch(92.96% 0.0281 65.04)` | Almond Kiss | black, 16.9 to 1 |
| 3 | `#f5d7c6` | `oklch(89.97% 0.0407 50.95)` | Resort Sunrise | black, 15.4 to 1 |
| 4 | `#f5c6ba` | `oklch(86.42% 0.0562 33.94)` | Serene Pink | black, 13.6 to 1 |
| 5 | `#f1b3b6` | `oklch(82.45% 0.0733 14.96)` | Jaguar Rose | black, 11.8 to 1 |
| 6 | `#e7a0bb` | `oklch(78.17% 0.0912 354.98)` | Rose Elegance | black, 10.1 to 1 |
| 7 | `#d48fc5` | `oklch(73.70% 0.1086 334.97)` | Pressed Flower | black, 8.5 to 1 |
| 8 | `#ba83d0` | `oklch(69.17% 0.1245 315.89)` | Purception | black, 7.2 to 1 |
| 9 | `#9a79d6` | `oklch(64.69% 0.1379 298.71)` | Iridescent Purple | black, 6 to 1 |
| 10 | `#7972d5` | `oklch(60.38% 0.1476 284.40)` | C64 Purple | black, 5.1 to 1 |
| 11 | `#5b6bce` | `oklch(56.37% 0.1525 273.91)` | Borage Blue | white, 4.7 to 1 |
| 12 | `#4562c1` | `oklch(52.52% 0.1518 268.15)` | God of Rain | white, 5.5 to 1 |
| 13 | `#3957af` | `oklch(48.16% 0.1453 266.90)` | Blasphemous Blue | white, 6.6 to 1 |
| 14 | `#34499a` | `oklch(43.45% 0.1344 269.20)` | Dazzling Blue | white, 8.1 to 1 |
| 15 | `#323b83` | `oklch(38.62% 0.1202 274.06)` | Evening Magic | white, 10 to 1 |
| 16 | `#2f2e6b` | `oklch(33.87% 0.1037 280.49)` | Blue Rose | white, 12.1 to 1 |
| 17 | `#2b2354` | `oklch(29.43% 0.0862 287.51)` | Pāua | white, 14.2 to 1 |
| 18 | `#251b40` | `oklch(25.52% 0.0688 294.12)` | Throat | white, 16 to 1 |
| 19 | `#1f1530` | `oklch(22.36% 0.0527 299.33)` | Blacklist | white, 17.3 to 1 |
| 20 | `#1a1225` | `oklch(20.18% 0.0390 302.17)` | Inside | white, 18.1 to 1 |
| 21 | `#16111f` | `oklch(19.18% 0.0290 301.63)` | Corbeau | white, 18.4 to 1 |
| 22 | `#16131f` | `oklch(19.63% 0.0235 296.77)` | Back in Black | white, 18.3 to 1 |
| 23 | `#1a1924` | `oklch(21.87% 0.0217 287.61)` | Coarse Wool | white, 17.4 to 1 |
| 24 | `#20232e` | `oklch(25.69% 0.0225 275.02)` | Dark | white, 15.7 to 1 |
| 25 | `#28303d` | `oklch(30.72% 0.0255 259.86)` | Diamond Black | white, 13.2 to 1 |
| 26 | `#31414d` | `oklch(36.59% 0.0301 242.99)` | Deepsea Core | white, 10.5 to 1 |
| 27 | `#3a545f` | `oklch(42.93% 0.0357 225.27)` | Opera Glasses | white, 8 to 1 |
| 28 | `#45686e` | `oklch(49.38% 0.0418 207.56)` | Mythic Forest | white, 6 to 1 |
| 29 | `#517c7a` | `oklch(55.57% 0.0479 190.74)` | Breaker Bay | white, 4.6 to 1 |
| 30 | `#618e82` | `oklch(61.13% 0.0535 175.65)` | Chlorite | black, 5.7 to 1 |
| 31 | `#719d87` | `oklch(65.69% 0.0579 163.16)` | Peahen | black, 6.8 to 1 |
| 32 | `#7ea78a` | `oklch(68.90% 0.0606 154.14)` | Green Globe | black, 7.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f7eee2 0.0%, #f5e4d5 3.2%, #f5d7c6 6.5%, #f5c6ba 9.7%, #f1b3b6 12.9%, #e7a0bb 16.1%, #d48fc5 19.4%, #ba83d0 22.6%, #9a79d6 25.8%, #7972d5 29.0%, #5b6bce 32.3%, #4562c1 35.5%, #3957af 38.7%, #34499a 41.9%, #323b83 45.2%, #2f2e6b 48.4%, #2b2354 51.6%, #251b40 54.8%, #1f1530 58.1%, #1a1225 61.3%, #16111f 64.5%, #16131f 67.7%, #1a1924 71.0%, #20232e 74.2%, #28303d 77.4%, #31414d 80.6%, #3a545f 83.9%, #45686e 87.1%, #517c7a 90.3%, #618e82 93.5%, #719d87 96.8%, #7ea78a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(95.28% 0.0193 75.23) 0.0%, oklch(92.96% 0.0281 65.04) 3.2%, oklch(89.97% 0.0407 50.95) 6.5%, oklch(86.42% 0.0562 33.94) 9.7%, oklch(82.45% 0.0733 14.96) 12.9%, oklch(78.17% 0.0912 354.98) 16.1%, oklch(73.70% 0.1086 334.97) 19.4%, oklch(69.17% 0.1245 315.89) 22.6%, oklch(64.69% 0.1379 298.71) 25.8%, oklch(60.38% 0.1476 284.40) 29.0%, oklch(56.37% 0.1525 273.91) 32.3%, oklch(52.52% 0.1518 268.15) 35.5%, oklch(48.16% 0.1453 266.90) 38.7%, oklch(43.45% 0.1344 269.20) 41.9%, oklch(38.62% 0.1202 274.06) 45.2%, oklch(33.87% 0.1037 280.49) 48.4%, oklch(29.43% 0.0862 287.51) 51.6%, oklch(25.52% 0.0688 294.12) 54.8%, oklch(22.36% 0.0527 299.33) 58.1%, oklch(20.18% 0.0390 302.17) 61.3%, oklch(19.18% 0.0290 301.63) 64.5%, oklch(19.63% 0.0235 296.77) 67.7%, oklch(21.87% 0.0217 287.61) 71.0%, oklch(25.69% 0.0225 275.02) 74.2%, oklch(30.72% 0.0255 259.86) 77.4%, oklch(36.59% 0.0301 242.99) 80.6%, oklch(42.93% 0.0357 225.27) 83.9%, oklch(49.38% 0.0418 207.56) 87.1%, oklch(55.57% 0.0479 190.74) 90.3%, oklch(61.13% 0.0535 175.65) 93.5%, oklch(65.69% 0.0579 163.16) 96.8%, oklch(68.90% 0.0606 154.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.019 | 75.2 |
| 2 | 0.551 | 0.153 | -88.6 |
| 3 | 0.193 | 0.025 | -61.1 |
| 4 | 0.689 | 0.061 | -205.9 |

## In these collections

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

## Other forms

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