# Purple, brown, blue and beige linear gradient

Purple, brown, blue and beige linear gradient with 64 colors: #c28a89, #bf8588, #b97f87, #b27887, #aa7087, #9f6787, #935f87, #865888, #775187, #684b86, #594584, #4b4082, #3e3c7f, #32387c, #293579, #233377, #223177, #273078, #30307b, #3c317d, #4b327f, #5b337f, #6c367d, #7c3979, #8c3d72, #9b426a, #a74961, #b05058, #b75750, #bb5e49, #be6344, #bf6642, #be6642, #bc6342, #b75d43, #b15645, #a94d48, #9f444c, #943b4f, #873353, #792c57, #6b275a, #5d235d, #4f2160, #422061, #352163, #2a2464, #202965, #143168, #013b6b, #004769, #00536c, #006171, #137175, #347f78, #518e7c, #6d9c82, #87aa8a, #a0b794, #b6c3a0, #cacead, #dbd9ba, #e8e2c5, #f2e8ce. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWrzIOrCuy00tT6oJjA9o0qo`
- Page: https://grabient.com/kWrzIOrCuy00tT6oJjA9o0qo?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 11.2 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 | `#c28a89` | `oklch(68.90% 0.0689 20.39)` | All’s Ace | black, 7.3 to 1 |
| 2 | `#bf8588` | `oklch(67.56% 0.0708 15.97)` | Baker Rose | black, 6.9 to 1 |
| 3 | `#b97f87` | `oklch(65.78% 0.0732 9.95)` | Rennie’s Rose | black, 6.4 to 1 |
| 4 | `#b27887` | `oklch(63.63% 0.0761 2.60)` | Foxglove | black, 5.9 to 1 |
| 5 | `#aa7087` | `oklch(61.17% 0.0794 354.18)` | Mauve Orchid | black, 5.3 to 1 |
| 6 | `#9f6787` | `oklch(58.49% 0.0829 344.97)` | Garden Aroma | black, 4.7 to 1 |
| 7 | `#935f87` | `oklch(55.64% 0.0867 335.25)` | Plum Savour | white, 4.9 to 1 |
| 8 | `#865888` | `oklch(52.72% 0.0906 325.29)` | Purple Fluorite | white, 5.5 to 1 |
| 9 | `#775187` | `oklch(49.78% 0.0946 315.36)` | Cleopatra’s Gown | white, 6.3 to 1 |
| 10 | `#684b86` | `oklch(46.91% 0.0986 305.73)` | Violet Majesty | white, 7.1 to 1 |
| 11 | `#594584` | `oklch(44.17% 0.1026 296.67)` | Gigas | white, 8 to 1 |
| 12 | `#4b4082` | `oklch(41.63% 0.1063 288.46)` | Nauseous Blue | white, 8.9 to 1 |
| 13 | `#3e3c7f` | `oklch(39.38% 0.1099 281.38)` | Sage Violet | white, 9.7 to 1 |
| 14 | `#32387c` | `oklch(37.47% 0.1131 275.68)` | Ballpoint Indigo | white, 10.5 to 1 |
| 15 | `#293579` | `oklch(36.00% 0.1160 271.65)` | Ballpoint Indigo | white, 11.1 to 1 |
| 16 | `#233377` | `oklch(35.01% 0.1184 269.56)` | Twilight Express | white, 11.6 to 1 |
| 17 | `#223177` | `oklch(34.60% 0.1203 269.70)` | Twilight Express | white, 11.8 to 1 |
| 18 | `#273078` | `oklch(34.84% 0.1219 272.56)` | Blue Rose | white, 11.7 to 1 |
| 19 | `#30307b` | `oklch(35.68% 0.1231 277.97)` | Ballpoint Indigo | white, 11.4 to 1 |
| 20 | `#3c317d` | `oklch(37.02% 0.1242 285.54)` | Clear Purple | white, 10.9 to 1 |
| 21 | `#4b327f` | `oklch(38.79% 0.1250 294.88)` | Galactic Compass | white, 10.2 to 1 |
| 22 | `#5b337f` | `oklch(40.89% 0.1256 305.60)` | Kingfisher Daisy | white, 9.4 to 1 |
| 23 | `#6c367d` | `oklch(43.23% 0.1260 317.29)` | Galactic Grapevine | white, 8.5 to 1 |
| 24 | `#7c3979` | `oklch(45.72% 0.1263 329.59)` | Sparkling Grape | white, 7.7 to 1 |
| 25 | `#8c3d72` | `oklch(48.28% 0.1264 342.08)` | Purple Peril | white, 6.9 to 1 |
| 26 | `#9b426a` | `oklch(50.82% 0.1263 354.38)` | Satsuma Imo Red | white, 6.2 to 1 |
| 27 | `#a74961` | `oklch(53.24% 0.1262 6.09)` | Glazed Raspberry | white, 5.5 to 1 |
| 28 | `#b05058` | `oklch(55.47% 0.1259 16.83)` | Grenadine | white, 5 to 1 |
| 29 | `#b75750` | `oklch(57.40% 0.1256 26.20)` | Pepper & Spice | white, 4.6 to 1 |
| 30 | `#bb5e49` | `oklch(58.96% 0.1252 33.82)` | Flame Pea | black, 4.8 to 1 |
| 31 | `#be6344` | `oklch(60.06% 0.1247 39.28)` | Dirt Track | black, 5 to 1 |
| 32 | `#bf6642` | `oklch(60.60% 0.1243 42.20)` | Dirt Track | black, 5.1 to 1 |
| 33 | `#be6642` | `oklch(60.48% 0.1238 42.34)` | Dirt Track | black, 5.1 to 1 |
| 34 | `#bc6342` | `oklch(59.63% 0.1233 40.47)` | Husky Orange | black, 4.9 to 1 |
| 35 | `#b75d43` | `oklch(58.14% 0.1228 36.90)` | Sun-Kissed Brick | black, 4.6 to 1 |
| 36 | `#b15645` | `oklch(56.11% 0.1223 31.79)` | Hot and Spicy | white, 4.9 to 1 |
| 37 | `#a94d48` | `oklch(53.67% 0.1217 25.30)` | Persimmon Red | white, 5.4 to 1 |
| 38 | `#9f444c` | `oklch(50.92% 0.1210 17.62)` | Charleston Cherry | white, 6.1 to 1 |
| 39 | `#943b4f` | `oklch(47.98% 0.1202 8.91)` | Ancient Magenta | white, 6.9 to 1 |
| 40 | `#873353` | `oklch(44.96% 0.1193 359.34)` | Raspberry Radiance | white, 7.9 to 1 |
| 41 | `#792c57` | `oklch(41.96% 0.1183 349.07)` | Magenta Purple | white, 9 to 1 |
| 42 | `#6b275a` | `oklch(39.11% 0.1171 338.27)` | Pretty in Prune | white, 10.1 to 1 |
| 43 | `#5d235d` | `oklch(36.51% 0.1157 327.12)` | Kuwanomi Purple | white, 11.2 to 1 |
| 44 | `#4f2160` | `oklch(34.28% 0.1141 315.78)` | Elegant Purple Gown | white, 12.2 to 1 |
| 45 | `#422061` | `oklch(32.53% 0.1123 304.43)` | Fading Horizon | white, 13 to 1 |
| 46 | `#352163` | `oklch(31.37% 0.1103 293.22)` | Dark Dreams | white, 13.5 to 1 |
| 47 | `#2a2464` | `oklch(30.91% 0.1080 282.34)` | Indie Go | white, 13.6 to 1 |
| 48 | `#202965` | `oklch(31.27% 0.1054 271.94)` | Schiava Blue | white, 13.3 to 1 |
| 49 | `#143168` | `oklch(32.54% 0.1024 261.69)` | Funnel Cloud | white, 12.6 to 1 |
| 50 | `#013b6b` | `oklch(34.71% 0.0989 250.53)` | Ateneo Blue | white, 11.4 to 1 |
| 51 | `#004769` | `oklch(37.66% 0.0843 238.63)` | Adriatic | white, 10 to 1 |
| 52 | `#00536c` | `oklch(41.27% 0.0789 226.03)` | Blue Palisade | white, 8.5 to 1 |
| 53 | `#006171` | `oklch(45.42% 0.0795 212.99)` | Cool Dive | white, 7 to 1 |
| 54 | `#137175` | `oklch(49.99% 0.0803 199.67)` | Scaly Green | white, 5.7 to 1 |
| 55 | `#347f78` | `oklch(54.87% 0.0751 186.27)` | Apatite Blue | white, 4.6 to 1 |
| 56 | `#518e7c` | `oklch(59.94% 0.0697 172.94)` | Winter Green | black, 5.4 to 1 |
| 57 | `#6d9c82` | `oklch(65.08% 0.0644 159.86)` | Scotch Lassie | black, 6.7 to 1 |
| 58 | `#87aa8a` | `oklch(70.19% 0.0593 147.20)` | Mermaid’s Cove | black, 8.1 to 1 |
| 59 | `#a0b794` | `oklch(75.13% 0.0543 135.13)` | Norway | black, 9.6 to 1 |
| 60 | `#b6c3a0` | `oklch(79.79% 0.0496 123.83)` | Chopped Dill | black, 11.3 to 1 |
| 61 | `#cacead` | `oklch(84.06% 0.0454 113.47)` | Bamboo White | black, 12.9 to 1 |
| 62 | `#dbd9ba` | `oklch(87.81% 0.0416 104.23)` | Apple Cucumber | black, 14.6 to 1 |
| 63 | `#e8e2c5` | `oklch(90.93% 0.0384 96.28)` | White Cliffs | black, 16 to 1 |
| 64 | `#f2e8ce` | `oklch(93.31% 0.0358 89.78)` | Light Shell Haven | black, 17.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c28a89 0.0%, #bf8588 1.6%, #b97f87 3.2%, #b27887 4.8%, #aa7087 6.3%, #9f6787 7.9%, #935f87 9.5%, #865888 11.1%, #775187 12.7%, #684b86 14.3%, #594584 15.9%, #4b4082 17.5%, #3e3c7f 19.0%, #32387c 20.6%, #293579 22.2%, #233377 23.8%, #223177 25.4%, #273078 27.0%, #30307b 28.6%, #3c317d 30.2%, #4b327f 31.7%, #5b337f 33.3%, #6c367d 34.9%, #7c3979 36.5%, #8c3d72 38.1%, #9b426a 39.7%, #a74961 41.3%, #b05058 42.9%, #b75750 44.4%, #bb5e49 46.0%, #be6344 47.6%, #bf6642 49.2%, #be6642 50.8%, #bc6342 52.4%, #b75d43 54.0%, #b15645 55.6%, #a94d48 57.1%, #9f444c 58.7%, #943b4f 60.3%, #873353 61.9%, #792c57 63.5%, #6b275a 65.1%, #5d235d 66.7%, #4f2160 68.3%, #422061 69.8%, #352163 71.4%, #2a2464 73.0%, #202965 74.6%, #143168 76.2%, #013b6b 77.8%, #004769 79.4%, #00536c 81.0%, #006171 82.5%, #137175 84.1%, #347f78 85.7%, #518e7c 87.3%, #6d9c82 88.9%, #87aa8a 90.5%, #a0b794 92.1%, #b6c3a0 93.7%, #cacead 95.2%, #dbd9ba 96.8%, #e8e2c5 98.4%, #f2e8ce 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.90% 0.0689 20.39) 0.0%, oklch(67.56% 0.0708 15.97) 1.6%, oklch(65.78% 0.0732 9.95) 3.2%, oklch(63.63% 0.0761 2.60) 4.8%, oklch(61.17% 0.0794 354.18) 6.3%, oklch(58.49% 0.0829 344.97) 7.9%, oklch(55.64% 0.0867 335.25) 9.5%, oklch(52.72% 0.0906 325.29) 11.1%, oklch(49.78% 0.0946 315.36) 12.7%, oklch(46.91% 0.0986 305.73) 14.3%, oklch(44.17% 0.1026 296.67) 15.9%, oklch(41.63% 0.1063 288.46) 17.5%, oklch(39.38% 0.1099 281.38) 19.0%, oklch(37.47% 0.1131 275.68) 20.6%, oklch(36.00% 0.1160 271.65) 22.2%, oklch(35.01% 0.1184 269.56) 23.8%, oklch(34.60% 0.1203 269.70) 25.4%, oklch(34.84% 0.1219 272.56) 27.0%, oklch(35.68% 0.1231 277.97) 28.6%, oklch(37.02% 0.1242 285.54) 30.2%, oklch(38.79% 0.1250 294.88) 31.7%, oklch(40.89% 0.1256 305.60) 33.3%, oklch(43.23% 0.1260 317.29) 34.9%, oklch(45.72% 0.1263 329.59) 36.5%, oklch(48.28% 0.1264 342.08) 38.1%, oklch(50.82% 0.1263 354.38) 39.7%, oklch(53.24% 0.1262 6.09) 41.3%, oklch(55.47% 0.1259 16.83) 42.9%, oklch(57.40% 0.1256 26.20) 44.4%, oklch(58.96% 0.1252 33.82) 46.0%, oklch(60.06% 0.1247 39.28) 47.6%, oklch(60.60% 0.1243 42.20) 49.2%, oklch(60.48% 0.1238 42.34) 50.8%, oklch(59.63% 0.1233 40.47) 52.4%, oklch(58.14% 0.1228 36.90) 54.0%, oklch(56.11% 0.1223 31.79) 55.6%, oklch(53.67% 0.1217 25.30) 57.1%, oklch(50.92% 0.1210 17.62) 58.7%, oklch(47.98% 0.1202 8.91) 60.3%, oklch(44.96% 0.1193 359.34) 61.9%, oklch(41.96% 0.1183 349.07) 63.5%, oklch(39.11% 0.1171 338.27) 65.1%, oklch(36.51% 0.1157 327.12) 66.7%, oklch(34.28% 0.1141 315.78) 68.3%, oklch(32.53% 0.1123 304.43) 69.8%, oklch(31.37% 0.1103 293.22) 71.4%, oklch(30.91% 0.1080 282.34) 73.0%, oklch(31.27% 0.1054 271.94) 74.6%, oklch(32.54% 0.1024 261.69) 76.2%, oklch(34.71% 0.0989 250.53) 77.8%, oklch(37.66% 0.0843 238.63) 79.4%, oklch(41.27% 0.0789 226.03) 81.0%, oklch(45.42% 0.0795 212.99) 82.5%, oklch(49.99% 0.0803 199.67) 84.1%, oklch(54.87% 0.0751 186.27) 85.7%, oklch(59.94% 0.0697 172.94) 87.3%, oklch(65.08% 0.0644 159.86) 88.9%, oklch(70.19% 0.0593 147.20) 90.5%, oklch(75.13% 0.0543 135.13) 92.1%, oklch(79.79% 0.0496 123.83) 93.7%, oklch(84.06% 0.0454 113.47) 95.2%, oklch(87.81% 0.0416 104.23) 96.8%, oklch(90.93% 0.0384 96.28) 98.4%, oklch(93.31% 0.0358 89.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.069 | 20.4 |
| 2 | 0.346 | 0.12 | -90.6 |
| 3 | 0.606 | 0.124 | 42.6 |
| 4 | 0.315 | 0.105 | -90.6 |
| 5 | 0.933 | 0.036 | -270.2 |

## Other forms

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