# Pink, brown, navy and red linear gradient

Pink, brown, navy and red linear gradient with 56 colors: #b05787, #b55886, #bc5a85, #c55c83, #ce5f7f, #d8627b, #e16576, #e96970, #f06e69, #f57263, #f8755d, #f8785a, #f67a57, #f27c55, #ed7e54, #e67f55, #df8056, #d78058, #ce7f5b, #c67c5e, #be7960, #b57562, #ad7064, #a56965, #9a6166, #8c5867, #7d4f68, #6c4667, #5b3f65, #493961, #38345c, #282f56, #1b2d50, #102b4b, #072b47, #022d45, #022f43, #053242, #0c3542, #143944, #1b3d47, #21424b, #264751, #294c58, #2a5161, #2c566c, #315a7c, #3e5d8f, #535ea0, #6f5cae, #8d57b2, #ac51ad, #c84b9d, #df4488, #f04070, #fc4059. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYk1732zvFc0dv4kmK-tJK8tPQ0e`
- Page: https://grabient.com/kYk1732zvFc0dv4kmK-tJK8tPQ0e?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: dark center
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.4 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 | `#b05787` | `oklch(57.87% 0.1295 348.05)` | Dahlia Mauve | white, 4.6 to 1 |
| 2 | `#b55886` | `oklch(58.70% 0.1318 350.71)` | Dahlia Mauve | black, 4.7 to 1 |
| 3 | `#bc5a85` | `oklch(59.88% 0.1353 354.34)` | Beauty Queen | black, 4.9 to 1 |
| 4 | `#c55c83` | `oklch(61.31% 0.1396 358.72)` | Lipstick | black, 5.2 to 1 |
| 5 | `#ce5f7f` | `oklch(62.91% 0.1444 3.62)` | Cinnamon Satin | black, 5.5 to 1 |
| 6 | `#d8627b` | `oklch(64.60% 0.1495 8.84)` | Hint of Cherry | black, 5.9 to 1 |
| 7 | `#e16576` | `oklch(66.29% 0.1543 14.15)` | Feverish | black, 6.3 to 1 |
| 8 | `#e96970` | `oklch(67.89% 0.1586 19.34)` | Purehearted | black, 6.7 to 1 |
| 9 | `#f06e69` | `oklch(69.31% 0.1621 24.19)` | Breeze of Chilli | black, 7.1 to 1 |
| 10 | `#f57263` | `oklch(70.47% 0.1644 28.48)` | Mild Heart Attack | black, 7.4 to 1 |
| 11 | `#f8755d` | `oklch(71.28% 0.1651 32.01)` | Peach Echo | black, 7.6 to 1 |
| 12 | `#f8785a` | `oklch(71.65% 0.1640 34.54)` | Adventure Island Pink | black, 7.8 to 1 |
| 13 | `#f67a57` | `oklch(71.66% 0.1606 36.63)` | Adventure Island Pink | black, 7.8 to 1 |
| 14 | `#f27c55` | `oklch(71.44% 0.1551 38.81)` | Sassy Salmon | black, 7.8 to 1 |
| 15 | `#ed7e54` | `oklch(71.00% 0.1480 40.89)` | Sassy Salmon | black, 7.7 to 1 |
| 16 | `#e67f55` | `oklch(70.35% 0.1396 42.69)` | Tangerine Flake | black, 7.5 to 1 |
| 17 | `#df8056` | `oklch(69.50% 0.1304 44.02)` | Show Business | black, 7.3 to 1 |
| 18 | `#d78058` | `oklch(68.45% 0.1208 44.69)` | Copper Harbor | black, 7.1 to 1 |
| 19 | `#ce7f5b` | `oklch(67.22% 0.1112 44.50)` | Apricot Brown | black, 6.8 to 1 |
| 20 | `#c67c5e` | `oklch(65.81% 0.1020 43.26)` | Terracotta Chip | black, 6.4 to 1 |
| 21 | `#be7960` | `oklch(64.24% 0.0937 40.79)` | Caribbean Coral | black, 6 to 1 |
| 22 | `#b57562` | `oklch(62.51% 0.0867 36.89)` | Vin Cuit | black, 5.6 to 1 |
| 23 | `#ad7064` | `oklch(60.63% 0.0813 31.37)` | New England Brick | black, 5.2 to 1 |
| 24 | `#a56965` | `oklch(58.35% 0.0775 23.51)` | Mudbrick | black, 4.7 to 1 |
| 25 | `#9a6166` | `oklch(55.50% 0.0746 13.08)` | Abra Cadabra | white, 4.9 to 1 |
| 26 | `#8c5867` | `oklch(52.23% 0.0726 0.61)` | Pink Peppercorn | white, 5.6 to 1 |
| 27 | `#7d4f68` | `oklch(48.70% 0.0713 346.68)` | Nectar Red | white, 6.6 to 1 |
| 28 | `#6c4667` | `oklch(45.04% 0.0705 331.81)` | Sultana | white, 7.7 to 1 |
| 29 | `#5b3f65` | `oklch(41.40% 0.0701 316.57)` | When Blue Met Red | white, 8.9 to 1 |
| 30 | `#493961` | `oklch(37.94% 0.0698 301.51)` | Mulberry Purple | white, 10.3 to 1 |
| 31 | `#38345c` | `oklch(34.79% 0.0696 287.17)` | Very Blue | white, 11.6 to 1 |
| 32 | `#282f56` | `oklch(32.11% 0.0693 274.10)` | Boatswain | white, 12.7 to 1 |
| 33 | `#1b2d50` | `oklch(30.05% 0.0686 262.86)` | Pico Void | white, 13.7 to 1 |
| 34 | `#102b4b` | `oklch(28.74% 0.0675 254.00)` | Midnight Ocean | white, 14.2 to 1 |
| 35 | `#072b47` | `oklch(28.17% 0.0654 246.69)` | Midnight Ocean | white, 14.4 to 1 |
| 36 | `#022d45` | `oklch(28.16% 0.0621 239.88)` | Cosmos Blue | white, 14.4 to 1 |
| 37 | `#022f43` | `oklch(28.65% 0.0581 233.72)` | Cosmos Blue | white, 14.1 to 1 |
| 38 | `#053242` | `oklch(29.55% 0.0538 228.35)` | Nordic Noir | white, 13.6 to 1 |
| 39 | `#0c3542` | `oklch(30.79% 0.0496 223.95)` | Firmament Blue | white, 13 to 1 |
| 40 | `#143944` | `oklch(32.31% 0.0460 220.67)` | Royal Neptune | white, 12.3 to 1 |
| 41 | `#1b3d47` | `oklch(34.02% 0.0433 218.66)` | Sunken Harbour | white, 11.5 to 1 |
| 42 | `#21424b` | `oklch(35.85% 0.0421 218.08)` | Winter Waves | white, 10.7 to 1 |
| 43 | `#264751` | `oklch(37.73% 0.0426 219.10)` | Rainstorm | white, 9.9 to 1 |
| 44 | `#294c58` | `oklch(39.58% 0.0455 221.86)` | Deep Sea Blue | white, 9.2 to 1 |
| 45 | `#2a5161` | `oklch(41.34% 0.0510 226.52)` | Shadow of Night | white, 8.5 to 1 |
| 46 | `#2c566c` | `oklch(43.21% 0.0601 234.18)` | Newport Grey | white, 7.9 to 1 |
| 47 | `#315a7c` | `oklch(45.39% 0.0730 245.31)` | Dark Blue | white, 7.2 to 1 |
| 48 | `#3e5d8f` | `oklch(47.80% 0.0887 259.18)` | Antilles Blue | white, 6.6 to 1 |
| 49 | `#535ea0` | `oklch(50.37% 0.1065 275.03)` | Royal Marquis | white, 6 to 1 |
| 50 | `#6f5cae` | `oklch(53.01% 0.1256 292.12)` | Simply Purple | white, 5.5 to 1 |
| 51 | `#8d57b2` | `oklch(55.64% 0.1452 309.69)` | Lusty Lavender | white, 5 to 1 |
| 52 | `#ac51ad` | `oklch(58.17% 0.1644 327.00)` | Orchid Dottyback | white, 4.6 to 1 |
| 53 | `#c84b9d` | `oklch(60.53% 0.1825 343.31)` | Rose Violet | black, 4.9 to 1 |
| 54 | `#df4488` | `oklch(62.64% 0.1986 357.86)` | Christmas Pink | black, 5.3 to 1 |
| 55 | `#f04070` | `oklch(64.40% 0.2120 9.90)` | Radishical | black, 5.6 to 1 |
| 56 | `#fc4059` | `oklch(65.75% 0.2219 18.69)` | Watermelon | black, 5.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #b05787 0.0%, #b55886 1.8%, #bc5a85 3.6%, #c55c83 5.5%, #ce5f7f 7.3%, #d8627b 9.1%, #e16576 10.9%, #e96970 12.7%, #f06e69 14.5%, #f57263 16.4%, #f8755d 18.2%, #f8785a 20.0%, #f67a57 21.8%, #f27c55 23.6%, #ed7e54 25.5%, #e67f55 27.3%, #df8056 29.1%, #d78058 30.9%, #ce7f5b 32.7%, #c67c5e 34.5%, #be7960 36.4%, #b57562 38.2%, #ad7064 40.0%, #a56965 41.8%, #9a6166 43.6%, #8c5867 45.5%, #7d4f68 47.3%, #6c4667 49.1%, #5b3f65 50.9%, #493961 52.7%, #38345c 54.5%, #282f56 56.4%, #1b2d50 58.2%, #102b4b 60.0%, #072b47 61.8%, #022d45 63.6%, #022f43 65.5%, #053242 67.3%, #0c3542 69.1%, #143944 70.9%, #1b3d47 72.7%, #21424b 74.5%, #264751 76.4%, #294c58 78.2%, #2a5161 80.0%, #2c566c 81.8%, #315a7c 83.6%, #3e5d8f 85.5%, #535ea0 87.3%, #6f5cae 89.1%, #8d57b2 90.9%, #ac51ad 92.7%, #c84b9d 94.5%, #df4488 96.4%, #f04070 98.2%, #fc4059 100.0%);
background: linear-gradient(135deg in oklch, oklch(57.87% 0.1295 348.05) 0.0%, oklch(58.70% 0.1318 350.71) 1.8%, oklch(59.88% 0.1353 354.34) 3.6%, oklch(61.31% 0.1396 358.72) 5.5%, oklch(62.91% 0.1444 3.62) 7.3%, oklch(64.60% 0.1495 8.84) 9.1%, oklch(66.29% 0.1543 14.15) 10.9%, oklch(67.89% 0.1586 19.34) 12.7%, oklch(69.31% 0.1621 24.19) 14.5%, oklch(70.47% 0.1644 28.48) 16.4%, oklch(71.28% 0.1651 32.01) 18.2%, oklch(71.65% 0.1640 34.54) 20.0%, oklch(71.66% 0.1606 36.63) 21.8%, oklch(71.44% 0.1551 38.81) 23.6%, oklch(71.00% 0.1480 40.89) 25.5%, oklch(70.35% 0.1396 42.69) 27.3%, oklch(69.50% 0.1304 44.02) 29.1%, oklch(68.45% 0.1208 44.69) 30.9%, oklch(67.22% 0.1112 44.50) 32.7%, oklch(65.81% 0.1020 43.26) 34.5%, oklch(64.24% 0.0937 40.79) 36.4%, oklch(62.51% 0.0867 36.89) 38.2%, oklch(60.63% 0.0813 31.37) 40.0%, oklch(58.35% 0.0775 23.51) 41.8%, oklch(55.50% 0.0746 13.08) 43.6%, oklch(52.23% 0.0726 0.61) 45.5%, oklch(48.70% 0.0713 346.68) 47.3%, oklch(45.04% 0.0705 331.81) 49.1%, oklch(41.40% 0.0701 316.57) 50.9%, oklch(37.94% 0.0698 301.51) 52.7%, oklch(34.79% 0.0696 287.17) 54.5%, oklch(32.11% 0.0693 274.10) 56.4%, oklch(30.05% 0.0686 262.86) 58.2%, oklch(28.74% 0.0675 254.00) 60.0%, oklch(28.17% 0.0654 246.69) 61.8%, oklch(28.16% 0.0621 239.88) 63.6%, oklch(28.65% 0.0581 233.72) 65.5%, oklch(29.55% 0.0538 228.35) 67.3%, oklch(30.79% 0.0496 223.95) 69.1%, oklch(32.31% 0.0460 220.67) 70.9%, oklch(34.02% 0.0433 218.66) 72.7%, oklch(35.85% 0.0421 218.08) 74.5%, oklch(37.73% 0.0426 219.10) 76.4%, oklch(39.58% 0.0455 221.86) 78.2%, oklch(41.34% 0.0510 226.52) 80.0%, oklch(43.21% 0.0601 234.18) 81.8%, oklch(45.39% 0.0730 245.31) 83.6%, oklch(47.80% 0.0887 259.18) 85.5%, oklch(50.37% 0.1065 275.03) 87.3%, oklch(53.01% 0.1256 292.12) 89.1%, oklch(55.64% 0.1452 309.69) 90.9%, oklch(58.17% 0.1644 327.00) 92.7%, oklch(60.53% 0.1825 343.31) 94.5%, oklch(62.64% 0.1986 357.86) 96.4%, oklch(64.40% 0.2120 9.90) 98.2%, oklch(65.75% 0.2219 18.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.13 | 348 |
| 2 | 0.717 | 0.164 | 394.5 |
| 3 | 0.606 | 0.081 | 391.4 |
| 4 | 0.287 | 0.068 | 254 |
| 5 | 0.413 | 0.051 | 226.5 |
| 6 | 0.657 | 0.222 | 378.7 |

## Other forms

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