# Red Purple Gold Field

This diagonal gradient moves through pale red, orange, teal, muted violet, deep purple, deep red, orange, and muted gold. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Muted rainbow from pink to gray linear gradient
- Seed: `kY0DkR0RzMDaRUion0goBbHGsQxo`
- Page: https://grabient.com/kY0DkR0RzMDaRUion0goBbHGsQxo?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark center, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 10.9 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 | `#f3b0ab` | `oklch(81.89% 0.0785 24.61)` | Sango Pink | black, 11.6 to 1 |
| 2 | `#ecac9c` | `oklch(80.03% 0.0789 34.76)` | Salmon Run | black, 10.9 to 1 |
| 3 | `#e1a789` | `oklch(77.49% 0.0797 48.26)` | Almost Apricot | black, 10 to 1 |
| 4 | `#d0a276` | `oklch(74.46% 0.0805 64.47)` | Golden Beige | black, 9.1 to 1 |
| 5 | `#bb9e66` | `oklch(71.14% 0.0809 82.75)` | Buffalo Hide | black, 8.1 to 1 |
| 6 | `#a19a5e` | `oklch(67.73% 0.0805 102.47)` | Zandri Dust | black, 7.2 to 1 |
| 7 | `#84965f` | `oklch(64.41% 0.0790 122.97)` | Vesuvian Green | black, 6.4 to 1 |
| 8 | `#679068` | `oklch(61.15% 0.0755 145.10)` | Manchester | black, 5.7 to 1 |
| 9 | `#4c8773` | `oklch(57.63% 0.0696 170.65)` | Think Leaf | black, 5 to 1 |
| 10 | `#3e7a7c` | `oklch(53.99% 0.0625 198.00)` | Grand Canal | white, 4.9 to 1 |
| 11 | `#406b7d` | `oklch(50.40% 0.0555 225.45)` | Mammoth Mountain | white, 5.7 to 1 |
| 12 | `#465d76` | `oklch(47.01% 0.0499 251.26)` | Mountain River | white, 6.7 to 1 |
| 13 | `#4a516d` | `oklch(43.99% 0.0470 273.73)` | Independence | white, 7.8 to 1 |
| 14 | `#4c4764` | `oklch(41.44% 0.0481 291.53)` | Berry Charm | white, 8.7 to 1 |
| 15 | `#4d3e5d` | `oklch(39.26% 0.0533 305.64)` | Powerful Mauve | white, 9.7 to 1 |
| 16 | `#4e3656` | `oklch(37.37% 0.0612 317.11)` | Blackberry Cordial | white, 10.5 to 1 |
| 17 | `#4f2e4f` | `oklch(35.70% 0.0700 326.89)` | Purple Shade | white, 11.3 to 1 |
| 18 | `#512748` | `oklch(34.18% 0.0781 335.91)` | Murasaki | white, 12.1 to 1 |
| 19 | `#52203e` | `oklch(32.74% 0.0838 345.13)` | Prestige Mauve | white, 12.8 to 1 |
| 20 | `#501a33` | `oklch(31.21% 0.0857 355.31)` | Tulip Poplar Purple | white, 13.5 to 1 |
| 21 | `#4b1425` | `oklch(28.79% 0.0842 5.47)` | What We Do in the Shadows | white, 14.7 to 1 |
| 22 | `#430e17` | `oklch(25.96% 0.0806 15.35)` | Rum Chocolate | white, 16 to 1 |
| 23 | `#3a0a0a` | `oklch(23.51% 0.0756 25.00)` | Red Bean | white, 17 to 1 |
| 24 | `#350a03` | `oklch(22.20% 0.0702 34.49)` | 3AM Breakup | white, 17.5 to 1 |
| 25 | `#340f01` | `oklch(22.81% 0.0651 43.88)` | Chocolate Melange | white, 17.2 to 1 |
| 26 | `#3b1a03` | `oklch(26.14% 0.0614 53.28)` | American Bronze | white, 15.7 to 1 |
| 27 | `#4b2f13` | `oklch(33.38% 0.0581 63.33)` | Bavarian Sweet Mustard | white, 12.2 to 1 |
| 28 | `#644d2e` | `oklch(43.70% 0.0550 73.84)` | Jungle Beat | white, 7.9 to 1 |
| 29 | `#817150` | `oklch(55.51% 0.0520 84.15)` | Outrigger | white, 4.7 to 1 |
| 30 | `#a09674` | `oklch(67.26% 0.0493 93.62)` | California Roll | black, 7.1 to 1 |
| 31 | `#bbb795` | `oklch(77.36% 0.0471 101.58)` | Bog | black, 10.3 to 1 |
| 32 | `#ceceac` | `oklch(84.25% 0.0455 107.39)` | Eaves | black, 13 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f3b0ab 0.0%, #ecac9c 3.2%, #e1a789 6.5%, #d0a276 9.7%, #bb9e66 12.9%, #a19a5e 16.1%, #84965f 19.4%, #679068 22.6%, #4c8773 25.8%, #3e7a7c 29.0%, #406b7d 32.3%, #465d76 35.5%, #4a516d 38.7%, #4c4764 41.9%, #4d3e5d 45.2%, #4e3656 48.4%, #4f2e4f 51.6%, #512748 54.8%, #52203e 58.1%, #501a33 61.3%, #4b1425 64.5%, #430e17 67.7%, #3a0a0a 71.0%, #350a03 74.2%, #340f01 77.4%, #3b1a03 80.6%, #4b2f13 83.9%, #644d2e 87.1%, #817150 90.3%, #a09674 93.5%, #bbb795 96.8%, #ceceac 100.0%);
background: linear-gradient(45deg in oklch, oklch(81.89% 0.0785 24.61) 0.0%, oklch(80.03% 0.0789 34.76) 3.2%, oklch(77.49% 0.0797 48.26) 6.5%, oklch(74.46% 0.0805 64.47) 9.7%, oklch(71.14% 0.0809 82.75) 12.9%, oklch(67.73% 0.0805 102.47) 16.1%, oklch(64.41% 0.0790 122.97) 19.4%, oklch(61.15% 0.0755 145.10) 22.6%, oklch(57.63% 0.0696 170.65) 25.8%, oklch(53.99% 0.0625 198.00) 29.0%, oklch(50.40% 0.0555 225.45) 32.3%, oklch(47.01% 0.0499 251.26) 35.5%, oklch(43.99% 0.0470 273.73) 38.7%, oklch(41.44% 0.0481 291.53) 41.9%, oklch(39.26% 0.0533 305.64) 45.2%, oklch(37.37% 0.0612 317.11) 48.4%, oklch(35.70% 0.0700 326.89) 51.6%, oklch(34.18% 0.0781 335.91) 54.8%, oklch(32.74% 0.0838 345.13) 58.1%, oklch(31.21% 0.0857 355.31) 61.3%, oklch(28.79% 0.0842 5.47) 64.5%, oklch(25.96% 0.0806 15.35) 67.7%, oklch(23.51% 0.0756 25.00) 71.0%, oklch(22.20% 0.0702 34.49) 74.2%, oklch(22.81% 0.0651 43.88) 77.4%, oklch(26.14% 0.0614 53.28) 80.6%, oklch(33.38% 0.0581 63.33) 83.9%, oklch(43.70% 0.0550 73.84) 87.1%, oklch(55.51% 0.0520 84.15) 90.3%, oklch(67.26% 0.0493 93.62) 93.5%, oklch(77.36% 0.0471 101.58) 96.8%, oklch(84.25% 0.0455 107.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.079 | 24.6 |
| 2 | 0.638 | 0.079 | 127.1 |
| 3 | 0.429 | 0.047 | 281.4 |
| 4 | 0.319 | 0.085 | 351.1 |
| 5 | 0.252 | 0.062 | 411.4 |
| 6 | 0.843 | 0.045 | 467.4 |

## In these collections

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

## Other forms

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