# Plum violet concentric haze

Tritone purple, navy and peach radial gradient with 48 colors: #6e385b, #713a5e, #743d62, #794267, #7e466c, #834b72, #885077, #8c537c, #8e5681, #8f5784, #8d5786, #895487, #825088, #794b87, #704686, #664185, #5d3c83, #563881, #50357f, #4f337e, #51327d, #56327c, #5d337b, #653579, #6e3776, #753974, #7b3a71, #7e3b6e, #7e3b6c, #7b396b, #72346a, #662d69, #582667, #492065, #3c1a62, #311660, #2b145e, #2b165f, #331c63, #44266a, #5d3471, #7a4679, #995b7f, #b67487, #cf8f90, #e3a99b, #f1bfa8, #fbcfb3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone purple, navy and peach radial gradient
- Seed: `kYa0LzRCM-7Isu66KUTJSu6XCWzo`
- Page: https://grabient.com/kYa0LzRCM-7Isu66KUTJSu6XCWzo?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#6e385b` | `oklch(42.13% 0.0909 341.72)` | Royal Lines | white, 8.8 to 1 |
| 2 | `#713a5e` | `oklch(42.99% 0.0912 341.32)` | Mystique Violet | white, 8.5 to 1 |
| 3 | `#743d62` | `oklch(44.26% 0.0914 340.97)` | Burnt Orchid | white, 8 to 1 |
| 4 | `#794267` | `oklch(45.81% 0.0916 340.60)` | Magician’s Cloak | white, 7.5 to 1 |
| 5 | `#7e466c` | `oklch(47.51% 0.0918 340.14)` | Madder Magenta | white, 7 to 1 |
| 6 | `#834b72` | `oklch(49.23% 0.0922 339.53)` | Madder Magenta | white, 6.5 to 1 |
| 7 | `#885077` | `oklch(50.82% 0.0927 338.70)` | Purple Davenport | white, 6 to 1 |
| 8 | `#8c537c` | `oklch(52.16% 0.0935 337.57)` | Dynamic Magenta | white, 5.7 to 1 |
| 9 | `#8e5681` | `oklch(53.12% 0.0945 336.09)` | Dynamic Magenta | white, 5.5 to 1 |
| 10 | `#8f5784` | `oklch(53.55% 0.0958 334.17)` | Dewberry | white, 5.4 to 1 |
| 11 | `#8d5786` | `oklch(53.32% 0.0976 331.59)` | Dewberry | white, 5.4 to 1 |
| 12 | `#895487` | `oklch(52.38% 0.1001 327.83)` | Dynamic Magenta | white, 5.7 to 1 |
| 13 | `#825088` | `oklch(50.91% 0.1032 323.18)` | Voodoo Violet | white, 6 to 1 |
| 14 | `#794b87` | `oklch(49.05% 0.1066 318.02)` | Cleopatra’s Gown | white, 6.5 to 1 |
| 15 | `#704686` | `oklch(46.99% 0.1101 312.72)` | Plum Jam | white, 7.2 to 1 |
| 16 | `#664185` | `oklch(44.88% 0.1136 307.66)` | Lords of the Night | white, 7.8 to 1 |
| 17 | `#5d3c83` | `oklch(42.89% 0.1168 303.23)` | Tillandsia Purple | white, 8.5 to 1 |
| 18 | `#563881` | `oklch(41.18% 0.1196 299.79)` | Kingfisher Daisy | white, 9.2 to 1 |
| 19 | `#50357f` | `oklch(39.93% 0.1216 297.74)` | Prism Violet | white, 9.7 to 1 |
| 20 | `#4f337e` | `oklch(39.30% 0.1228 297.45)` | Prism Violet | white, 10 to 1 |
| 21 | `#51327d` | `oklch(39.34% 0.1230 299.48)` | Prism Violet | white, 9.9 to 1 |
| 22 | `#56327c` | `oklch(39.92% 0.1225 303.55)` | Foggy Amethyst | white, 9.7 to 1 |
| 23 | `#5d337b` | `oklch(40.87% 0.1214 309.05)` | Kingfisher Daisy | white, 9.4 to 1 |
| 24 | `#653579` | `oklch(42.05% 0.1199 315.38)` | Purple Magic | white, 8.9 to 1 |
| 25 | `#6e3776` | `oklch(43.29% 0.1181 321.94)` | Comtesse | white, 8.5 to 1 |
| 26 | `#753974` | `oklch(44.43% 0.1164 328.14)` | Eminence | white, 8.1 to 1 |
| 27 | `#7b3a71` | `oklch(45.33% 0.1149 333.38)` | Deep Commitment to Purple | white, 7.8 to 1 |
| 28 | `#7e3b6e` | `oklch(45.83% 0.1137 337.05)` | Deep Commitment to Purple | white, 7.6 to 1 |
| 29 | `#7e3b6c` | `oklch(45.76% 0.1130 338.56)` | Deep Commitment to Purple | white, 7.6 to 1 |
| 30 | `#7b396b` | `oklch(44.82% 0.1132 337.10)` | Ayame Iris | white, 7.9 to 1 |
| 31 | `#72346a` | `oklch(42.81% 0.1142 332.46)` | Ayame Iris | white, 8.7 to 1 |
| 32 | `#662d69` | `oklch(40.05% 0.1158 325.57)` | Intense Mauve | white, 9.7 to 1 |
| 33 | `#582667` | `oklch(36.92% 0.1177 317.36)` | Elegant Purple Gown | white, 11 to 1 |
| 34 | `#492065` | `oklch(33.77% 0.1196 308.77)` | Fading Horizon | white, 12.5 to 1 |
| 35 | `#3c1a62` | `oklch(30.96% 0.1212 300.74)` | Christalle | white, 13.8 to 1 |
| 36 | `#311660` | `oklch(28.84% 0.1222 294.21)` | Night Fog | white, 14.8 to 1 |
| 37 | `#2b145e` | `oklch(27.77% 0.1223 290.12)` | Voldemort | white, 15.3 to 1 |
| 38 | `#2b165f` | `oklch(28.11% 0.1212 289.41)` | Voldemort | white, 15.1 to 1 |
| 39 | `#331c63` | `oklch(30.23% 0.1186 293.02)` | Night Fog | white, 14.1 to 1 |
| 40 | `#44266a` | `oklch(34.45% 0.1142 301.34)` | Fading Horizon | white, 12.1 to 1 |
| 41 | `#5d3471` | `oklch(40.38% 0.1083 313.44)` | Lounge Violet | white, 9.5 to 1 |
| 42 | `#7a4679` | `oklch(47.52% 0.1013 328.26)` | Purple Passion | white, 7 to 1 |
| 43 | `#995b7f` | `oklch(55.39% 0.0937 344.74)` | Immortality | white, 5 to 1 |
| 44 | `#b67487` | `oklch(63.51% 0.0859 1.80)` | Kerr’s Pink Potato | black, 5.8 to 1 |
| 45 | `#cf8f90` | `oklch(71.37% 0.0784 18.38)` | Tongue | black, 7.9 to 1 |
| 46 | `#e3a99b` | `oklch(78.50% 0.0717 33.43)` | Tamanegi Peel | black, 10.4 to 1 |
| 47 | `#f1bfa8` | `oklch(84.40% 0.0660 45.87)` | Heirloom Apricot | black, 12.7 to 1 |
| 48 | `#fbcfb3` | `oklch(88.58% 0.0620 54.63)` | Lips of Apricot | black, 14.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6e385b 0.0%, #713a5e 2.1%, #743d62 4.3%, #794267 6.4%, #7e466c 8.5%, #834b72 10.6%, #885077 12.8%, #8c537c 14.9%, #8e5681 17.0%, #8f5784 19.1%, #8d5786 21.3%, #895487 23.4%, #825088 25.5%, #794b87 27.7%, #704686 29.8%, #664185 31.9%, #5d3c83 34.0%, #563881 36.2%, #50357f 38.3%, #4f337e 40.4%, #51327d 42.6%, #56327c 44.7%, #5d337b 46.8%, #653579 48.9%, #6e3776 51.1%, #753974 53.2%, #7b3a71 55.3%, #7e3b6e 57.4%, #7e3b6c 59.6%, #7b396b 61.7%, #72346a 63.8%, #662d69 66.0%, #582667 68.1%, #492065 70.2%, #3c1a62 72.3%, #311660 74.5%, #2b145e 76.6%, #2b165f 78.7%, #331c63 80.9%, #44266a 83.0%, #5d3471 85.1%, #7a4679 87.2%, #995b7f 89.4%, #b67487 91.5%, #cf8f90 93.6%, #e3a99b 95.7%, #f1bfa8 97.9%, #fbcfb3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(42.13% 0.0909 341.72) 0.0%, oklch(42.99% 0.0912 341.32) 2.1%, oklch(44.26% 0.0914 340.97) 4.3%, oklch(45.81% 0.0916 340.60) 6.4%, oklch(47.51% 0.0918 340.14) 8.5%, oklch(49.23% 0.0922 339.53) 10.6%, oklch(50.82% 0.0927 338.70) 12.8%, oklch(52.16% 0.0935 337.57) 14.9%, oklch(53.12% 0.0945 336.09) 17.0%, oklch(53.55% 0.0958 334.17) 19.1%, oklch(53.32% 0.0976 331.59) 21.3%, oklch(52.38% 0.1001 327.83) 23.4%, oklch(50.91% 0.1032 323.18) 25.5%, oklch(49.05% 0.1066 318.02) 27.7%, oklch(46.99% 0.1101 312.72) 29.8%, oklch(44.88% 0.1136 307.66) 31.9%, oklch(42.89% 0.1168 303.23) 34.0%, oklch(41.18% 0.1196 299.79) 36.2%, oklch(39.93% 0.1216 297.74) 38.3%, oklch(39.30% 0.1228 297.45) 40.4%, oklch(39.34% 0.1230 299.48) 42.6%, oklch(39.92% 0.1225 303.55) 44.7%, oklch(40.87% 0.1214 309.05) 46.8%, oklch(42.05% 0.1199 315.38) 48.9%, oklch(43.29% 0.1181 321.94) 51.1%, oklch(44.43% 0.1164 328.14) 53.2%, oklch(45.33% 0.1149 333.38) 55.3%, oklch(45.83% 0.1137 337.05) 57.4%, oklch(45.76% 0.1130 338.56) 59.6%, oklch(44.82% 0.1132 337.10) 61.7%, oklch(42.81% 0.1142 332.46) 63.8%, oklch(40.05% 0.1158 325.57) 66.0%, oklch(36.92% 0.1177 317.36) 68.1%, oklch(33.77% 0.1196 308.77) 70.2%, oklch(30.96% 0.1212 300.74) 72.3%, oklch(28.84% 0.1222 294.21) 74.5%, oklch(27.77% 0.1223 290.12) 76.6%, oklch(28.11% 0.1212 289.41) 78.7%, oklch(30.23% 0.1186 293.02) 80.9%, oklch(34.45% 0.1142 301.34) 83.0%, oklch(40.38% 0.1083 313.44) 85.1%, oklch(47.52% 0.1013 328.26) 87.2%, oklch(55.39% 0.0937 344.74) 89.4%, oklch(63.51% 0.0859 1.80) 91.5%, oklch(71.37% 0.0784 18.38) 93.6%, oklch(78.50% 0.0717 33.43) 95.7%, oklch(84.40% 0.0660 45.87) 97.9%, oklch(88.58% 0.0620 54.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.091 | 341.7 |
| 2 | 0.535 | 0.096 | 333.3 |
| 3 | 0.394 | 0.123 | 297.3 |
| 4 | 0.457 | 0.113 | 338.5 |
| 5 | 0.291 | 0.12 | 291 |
| 6 | 0.886 | 0.062 | 414.6 |

## In these collections

- [Orange and purple gradients](https://grabient.com/orange-and-purple-gradients)

## Other forms

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