# Tritone purple, brown and navy radial gradient

Tritone purple, brown and navy radial gradient with 64 colors: #76507a, #754e76, #734b70, #70486a, #6d4463, #6a415c, #653d54, #61394c, #5c3544, #56323c, #502e35, #4a2a2f, #452729, #3f2423, #3a211f, #351f1b, #301c17, #2c1a14, #291812, #271711, #25160f, #25160f, #25160f, #26160f, #291710, #2c1811, #2f1a13, #341c15, #391e18, #3f201b, #44231f, #4b2524, #512829, #572a2f, #5d2d36, #62303c, #673344, #6c354b, #703852, #733b59, #753d5f, #763f64, #764068, #75426c, #74436f, #724372, #6f4473, #6c4475, #684575, #644576, #604575, #5c4474, #574473, #534371, #4f436f, #4b426d, #47416a, #434068, #404065, #3d3f63, #3a3e61, #383d5f, #363d5d, #353d5c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUfDrmG4pJrmht8ulDhA`
- Page: https://grabient.com/kUfDrmG4pJrmht8ulDhA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 2.6 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 | `#76507a` | `oklch(48.82% 0.0799 323.44)` | Patrician Purple | white, 6.5 to 1 |
| 2 | `#754e76` | `oklch(48.06% 0.0784 325.75)` | Cabbage Blossom Violet | white, 6.7 to 1 |
| 3 | `#734b70` | `oklch(47.08% 0.0765 328.69)` | Old Fashioned Purple | white, 7 to 1 |
| 4 | `#70486a` | `oklch(45.92% 0.0742 332.21)` | Old Fashioned Purple | white, 7.4 to 1 |
| 5 | `#6d4463` | `oklch(44.59% 0.0715 336.21)` | Wizard Time | white, 7.8 to 1 |
| 6 | `#6a415c` | `oklch(43.13% 0.0685 340.63)` | Prune Purple | white, 8.3 to 1 |
| 7 | `#653d54` | `oklch(41.56% 0.0654 345.39)` | Primitive Plum | white, 8.9 to 1 |
| 8 | `#61394c` | `oklch(39.90% 0.0620 350.40)` | Liqueur Red | white, 9.5 to 1 |
| 9 | `#5c3544` | `oklch(38.17% 0.0585 355.61)` | Zinfandel Red | white, 10.2 to 1 |
| 10 | `#56323c` | `oklch(36.41% 0.0550 0.93)` | Blackberry Tart | white, 10.9 to 1 |
| 11 | `#502e35` | `oklch(34.64% 0.0515 6.28)` | Japanese Wineberry | white, 11.7 to 1 |
| 12 | `#4a2a2f` | `oklch(32.88% 0.0480 11.59)` | Wine Tasting | white, 12.5 to 1 |
| 13 | `#452729` | `oklch(31.17% 0.0446 16.79)` | New Bulgarian Rose | white, 13.3 to 1 |
| 14 | `#3f2423` | `oklch(29.52% 0.0413 21.79)` | Ethereal Espresso | white, 14.1 to 1 |
| 15 | `#3a211f` | `oklch(27.95% 0.0383 26.53)` | Warm Balaclavas Are Forever | white, 14.8 to 1 |
| 16 | `#351f1b` | `oklch(26.51% 0.0355 30.92)` | Scorched | white, 15.4 to 1 |
| 17 | `#301c17` | `oklch(25.20% 0.0331 34.90)` | Weathervane | white, 16 to 1 |
| 18 | `#2c1a14` | `oklch(24.06% 0.0310 38.38)` | Tetsu-Guro Black | white, 16.5 to 1 |
| 19 | `#291812` | `oklch(23.11% 0.0294 41.30)` | Tetsu-Guro Black | white, 16.9 to 1 |
| 20 | `#271711` | `oklch(22.37% 0.0282 43.57)` | Used Oil | white, 17.2 to 1 |
| 21 | `#25160f` | `oklch(21.88% 0.0276 45.11)` | Used Oil | white, 17.4 to 1 |
| 22 | `#25160f` | `oklch(21.65% 0.0276 45.86)` | Used Oil | white, 17.5 to 1 |
| 23 | `#25160f` | `oklch(21.72% 0.0282 45.85)` | Used Oil | white, 17.5 to 1 |
| 24 | `#26160f` | `oklch(22.06% 0.0296 45.20)` | Used Oil | white, 17.3 to 1 |
| 25 | `#291710` | `oklch(22.65% 0.0316 43.94)` | Tetsu-Guro Black | white, 17.1 to 1 |
| 26 | `#2c1811` | `oklch(23.46% 0.0341 42.15)` | Darkroom | white, 16.8 to 1 |
| 27 | `#2f1a13` | `oklch(24.47% 0.0371 39.86)` | Darkroom | white, 16.4 to 1 |
| 28 | `#341c15` | `oklch(25.64% 0.0405 37.13)` | Scorched | white, 15.8 to 1 |
| 29 | `#391e18` | `oklch(26.96% 0.0442 34.01)` | Scorched | white, 15.3 to 1 |
| 30 | `#3f201b` | `oklch(28.40% 0.0483 30.54)` | Brown Pod | white, 14.6 to 1 |
| 31 | `#44231f` | `oklch(29.92% 0.0525 26.78)` | Marmite | white, 13.9 to 1 |
| 32 | `#4b2524` | `oklch(31.50% 0.0568 22.78)` | New Bulgarian Rose | white, 13.2 to 1 |
| 33 | `#512829` | `oklch(33.12% 0.0612 18.58)` | Heath | white, 12.5 to 1 |
| 34 | `#572a2f` | `oklch(34.75% 0.0656 14.25)` | Kuwazome Red | white, 11.7 to 1 |
| 35 | `#5d2d36` | `oklch(36.35% 0.0698 9.82)` | Dubonnet | white, 11 to 1 |
| 36 | `#62303c` | `oklch(37.91% 0.0740 5.36)` | Power Tie | white, 10.4 to 1 |
| 37 | `#673344` | `oklch(39.40% 0.0778 0.90)` | Wine Dregs | white, 9.8 to 1 |
| 38 | `#6c354b` | `oklch(40.79% 0.0814 356.50)` | Blasted Lands Rocks | white, 9.3 to 1 |
| 39 | `#703852` | `oklch(42.05% 0.0846 352.21)` | Ruby Nights | white, 8.8 to 1 |
| 40 | `#733b59` | `oklch(43.15% 0.0874 348.09)` | Passionate Plum | white, 8.4 to 1 |
| 41 | `#753d5f` | `oklch(44.08% 0.0896 344.17)` | Mystique Violet | white, 8.1 to 1 |
| 42 | `#763f64` | `oklch(44.79% 0.0913 340.52)` | Burnt Orchid | white, 7.8 to 1 |
| 43 | `#764068` | `oklch(45.28% 0.0923 337.18)` | Burnt Orchid | white, 7.7 to 1 |
| 44 | `#75426c` | `oklch(45.55% 0.0927 333.94)` | Wood Violet | white, 7.6 to 1 |
| 45 | `#74436f` | `oklch(45.67% 0.0926 330.61)` | Wood Violet | white, 7.5 to 1 |
| 46 | `#724372` | `oklch(45.66% 0.0920 327.18)` | Sunset Purple | white, 7.5 to 1 |
| 47 | `#6f4473` | `oklch(45.51% 0.0911 323.69)` | Sunset Purple | white, 7.6 to 1 |
| 48 | `#6c4475` | `oklch(45.26% 0.0897 320.14)` | Palace Purple | white, 7.6 to 1 |
| 49 | `#684575` | `oklch(44.90% 0.0880 316.57)` | Neon Violet | white, 7.8 to 1 |
| 50 | `#644576` | `oklch(44.46% 0.0861 312.99)` | Picasso Lily | white, 7.9 to 1 |
| 51 | `#604575` | `oklch(43.94% 0.0839 309.41)` | Presley Purple | white, 8 to 1 |
| 52 | `#5c4474` | `oklch(43.37% 0.0816 305.87)` | Drifting Violet | white, 8.2 to 1 |
| 53 | `#574473` | `oklch(42.75% 0.0791 302.37)` | When Red Met Blue | white, 8.4 to 1 |
| 54 | `#534371` | `oklch(42.09% 0.0765 298.95)` | Raw Amethyst | white, 8.6 to 1 |
| 55 | `#4f436f` | `oklch(41.41% 0.0738 295.61)` | Izmir Purple | white, 8.9 to 1 |
| 56 | `#4b426d` | `oklch(40.73% 0.0712 292.38)` | Izmir Purple | white, 9.1 to 1 |
| 57 | `#47416a` | `oklch(40.06% 0.0685 289.27)` | Evening Mauve | white, 9.3 to 1 |
| 58 | `#434068` | `oklch(39.40% 0.0660 286.31)` | Evening Mauve | white, 9.6 to 1 |
| 59 | `#404065` | `oklch(38.78% 0.0636 283.52)` | Chronicle | white, 9.8 to 1 |
| 60 | `#3d3f63` | `oklch(38.20% 0.0614 280.91)` | Raven Night | white, 10 to 1 |
| 61 | `#3a3e61` | `oklch(37.68% 0.0594 278.50)` | Patriot Blue | white, 10.2 to 1 |
| 62 | `#383d5f` | `oklch(37.23% 0.0576 276.32)` | Mangosteen | white, 10.4 to 1 |
| 63 | `#363d5d` | `oklch(36.87% 0.0562 274.39)` | Mangosteen | white, 10.5 to 1 |
| 64 | `#353d5c` | `oklch(36.61% 0.0551 272.71)` | Mangosteen | white, 10.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #76507a 0.0%, #754e76 1.6%, #734b70 3.2%, #70486a 4.8%, #6d4463 6.3%, #6a415c 7.9%, #653d54 9.5%, #61394c 11.1%, #5c3544 12.7%, #56323c 14.3%, #502e35 15.9%, #4a2a2f 17.5%, #452729 19.0%, #3f2423 20.6%, #3a211f 22.2%, #351f1b 23.8%, #301c17 25.4%, #2c1a14 27.0%, #291812 28.6%, #271711 30.2%, #25160f 31.7%, #25160f 33.3%, #25160f 34.9%, #26160f 36.5%, #291710 38.1%, #2c1811 39.7%, #2f1a13 41.3%, #341c15 42.9%, #391e18 44.4%, #3f201b 46.0%, #44231f 47.6%, #4b2524 49.2%, #512829 50.8%, #572a2f 52.4%, #5d2d36 54.0%, #62303c 55.6%, #673344 57.1%, #6c354b 58.7%, #703852 60.3%, #733b59 61.9%, #753d5f 63.5%, #763f64 65.1%, #764068 66.7%, #75426c 68.3%, #74436f 69.8%, #724372 71.4%, #6f4473 73.0%, #6c4475 74.6%, #684575 76.2%, #644576 77.8%, #604575 79.4%, #5c4474 81.0%, #574473 82.5%, #534371 84.1%, #4f436f 85.7%, #4b426d 87.3%, #47416a 88.9%, #434068 90.5%, #404065 92.1%, #3d3f63 93.7%, #3a3e61 95.2%, #383d5f 96.8%, #363d5d 98.4%, #353d5c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(48.82% 0.0799 323.44) 0.0%, oklch(48.06% 0.0784 325.75) 1.6%, oklch(47.08% 0.0765 328.69) 3.2%, oklch(45.92% 0.0742 332.21) 4.8%, oklch(44.59% 0.0715 336.21) 6.3%, oklch(43.13% 0.0685 340.63) 7.9%, oklch(41.56% 0.0654 345.39) 9.5%, oklch(39.90% 0.0620 350.40) 11.1%, oklch(38.17% 0.0585 355.61) 12.7%, oklch(36.41% 0.0550 0.93) 14.3%, oklch(34.64% 0.0515 6.28) 15.9%, oklch(32.88% 0.0480 11.59) 17.5%, oklch(31.17% 0.0446 16.79) 19.0%, oklch(29.52% 0.0413 21.79) 20.6%, oklch(27.95% 0.0383 26.53) 22.2%, oklch(26.51% 0.0355 30.92) 23.8%, oklch(25.20% 0.0331 34.90) 25.4%, oklch(24.06% 0.0310 38.38) 27.0%, oklch(23.11% 0.0294 41.30) 28.6%, oklch(22.37% 0.0282 43.57) 30.2%, oklch(21.88% 0.0276 45.11) 31.7%, oklch(21.65% 0.0276 45.86) 33.3%, oklch(21.72% 0.0282 45.85) 34.9%, oklch(22.06% 0.0296 45.20) 36.5%, oklch(22.65% 0.0316 43.94) 38.1%, oklch(23.46% 0.0341 42.15) 39.7%, oklch(24.47% 0.0371 39.86) 41.3%, oklch(25.64% 0.0405 37.13) 42.9%, oklch(26.96% 0.0442 34.01) 44.4%, oklch(28.40% 0.0483 30.54) 46.0%, oklch(29.92% 0.0525 26.78) 47.6%, oklch(31.50% 0.0568 22.78) 49.2%, oklch(33.12% 0.0612 18.58) 50.8%, oklch(34.75% 0.0656 14.25) 52.4%, oklch(36.35% 0.0698 9.82) 54.0%, oklch(37.91% 0.0740 5.36) 55.6%, oklch(39.40% 0.0778 0.90) 57.1%, oklch(40.79% 0.0814 356.50) 58.7%, oklch(42.05% 0.0846 352.21) 60.3%, oklch(43.15% 0.0874 348.09) 61.9%, oklch(44.08% 0.0896 344.17) 63.5%, oklch(44.79% 0.0913 340.52) 65.1%, oklch(45.28% 0.0923 337.18) 66.7%, oklch(45.55% 0.0927 333.94) 68.3%, oklch(45.67% 0.0926 330.61) 69.8%, oklch(45.66% 0.0920 327.18) 71.4%, oklch(45.51% 0.0911 323.69) 73.0%, oklch(45.26% 0.0897 320.14) 74.6%, oklch(44.90% 0.0880 316.57) 76.2%, oklch(44.46% 0.0861 312.99) 77.8%, oklch(43.94% 0.0839 309.41) 79.4%, oklch(43.37% 0.0816 305.87) 81.0%, oklch(42.75% 0.0791 302.37) 82.5%, oklch(42.09% 0.0765 298.95) 84.1%, oklch(41.41% 0.0738 295.61) 85.7%, oklch(40.73% 0.0712 292.38) 87.3%, oklch(40.06% 0.0685 289.27) 88.9%, oklch(39.40% 0.0660 286.31) 90.5%, oklch(38.78% 0.0636 283.52) 92.1%, oklch(38.20% 0.0614 280.91) 93.7%, oklch(37.68% 0.0594 278.50) 95.2%, oklch(37.23% 0.0576 276.32) 96.8%, oklch(36.87% 0.0562 274.39) 98.4%, oklch(36.61% 0.0551 272.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.08 | 323.4 |
| 2 | 0.217 | 0.028 | 405.9 |
| 3 | 0.453 | 0.092 | 337.2 |
| 4 | 0.366 | 0.055 | 272.7 |

## Other forms

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