# Curved rainbow violet field

Rainbow from pink to peach linear gradient with 64 colors: #f4c4d4, #f7c1cf, #fabfc7, #ffbcbe, #ffbcb4, #ffbba9, #ffbb9a, #ffbb87, #febb6a, #f4be57, #e5c347, #d1c840, #b8cc45, #9acf53, #77d165, #4bcf77, #00cb89, #00c099, #00b5a2, #00a8a5, #009ba6, #008da5, #007fa2, #0070a0, #256193, #315384, #364773, #363c62, #333253, #2f2a46, #2a243b, #261e32, #221a2c, #1e1527, #1b1124, #170e22, #140a21, #100721, #0d0521, #090323, #070225, #040127, #03002a, #01002c, #00002f, #000528, #00062c, #00003f, #040145, #0d054c, #1a0b54, #29125c, #3b1962, #4e2168, #632a6b, #78336c, #8c3e6c, #9f496a, #b15667, #bf6365, #cb7062, #d47c60, #db875f, #e0905f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from pink to peach linear gradient
- Seed: `kW3Cv9Xz5TJ8N0QVqjt3CrRI`
- Page: https://grabient.com/kW3Cv9Xz5TJ8N0QVqjt3CrRI?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, vivid, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 13.1 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 | `#f4c4d4` | `oklch(86.61% 0.0593 355.78)` | In the Pink | black, 13.6 to 1 |
| 2 | `#f7c1cf` | `oklch(86.27% 0.0637 1.62)` | Tassel Flower | black, 13.4 to 1 |
| 3 | `#fabfc7` | `oklch(85.96% 0.0698 8.70)` | Pale Petunia | black, 13.3 to 1 |
| 4 | `#ffbcbe` | `oklch(85.67% 0.0771 16.89)` | Peach Scone | black, 13.1 to 1 |
| 5 | `#ffbcb4` | `oklch(85.38% 0.0793 26.04)` | Cherry Chip | black, 13 to 1 |
| 6 | `#ffbba9` | `oklch(85.06% 0.0832 36.03)` | Coral Beach | black, 12.9 to 1 |
| 7 | `#ffbb9a` | `oklch(84.71% 0.0906 46.71)` | Cream Puff | black, 12.8 to 1 |
| 8 | `#ffbb87` | `oklch(84.29% 0.1038 57.94)` | Reddish Banana | black, 12.6 to 1 |
| 9 | `#febb6a` | `oklch(83.79% 0.1247 69.58)` | Desert Dessert | black, 12.5 to 1 |
| 10 | `#f4be57` | `oklch(83.18% 0.1343 81.49)` | Butterfield | black, 12.3 to 1 |
| 11 | `#e5c347` | `oklch(82.45% 0.1434 93.54)` | New Yellow | black, 12.2 to 1 |
| 12 | `#d1c840` | `oklch(81.58% 0.1517 105.59)` | Wattle | black, 12 to 1 |
| 13 | `#b8cc45` | `oklch(80.54% 0.1588 117.50)` | Golden Foliage | black, 11.7 to 1 |
| 14 | `#9acf53` | `oklch(79.31% 0.1646 129.13)` | Wicked Green | black, 11.4 to 1 |
| 15 | `#77d165` | `oklch(77.87% 0.1686 140.33)` | Fairy Tale Green | black, 11 to 1 |
| 16 | `#4bcf77` | `oklch(76.21% 0.1707 150.98)` | UFO Green | black, 10.5 to 1 |
| 17 | `#00cb89` | `oklch(74.30% 0.1655 160.97)` | Retro Lime | black, 9.8 to 1 |
| 18 | `#00c099` | `oklch(71.98% 0.1408 171.14)` | Blarney | black, 9 to 1 |
| 19 | `#00b5a2` | `oklch(69.26% 0.1243 181.74)` | Aare River | black, 8 to 1 |
| 20 | `#00a8a5` | `oklch(66.19% 0.1135 192.65)` | Jadestone | black, 7.1 to 1 |
| 21 | `#009ba6` | `oklch(62.84% 0.1071 203.74)` | Turkish Boy | black, 6.2 to 1 |
| 22 | `#008da5` | `oklch(59.28% 0.1047 214.89)` | Parrot Flight | black, 5.3 to 1 |
| 23 | `#007fa2` | `oklch(55.56% 0.1062 225.97)` | Kingfisher Sheen | white, 4.6 to 1 |
| 24 | `#0070a0` | `oklch(51.74% 0.1127 236.84)` | Cat’s Purr | white, 5.4 to 1 |
| 25 | `#256193` | `oklch(47.89% 0.1016 247.37)` | Outer Reef | white, 6.5 to 1 |
| 26 | `#315384` | `oklch(44.08% 0.0895 257.46)` | Boat Blue | white, 7.7 to 1 |
| 27 | `#364773` | `oklch(40.36% 0.0779 266.97)` | Daring Indigo | white, 9.1 to 1 |
| 28 | `#363c62` | `oklch(36.80% 0.0671 275.78)` | Bay of Many | white, 10.6 to 1 |
| 29 | `#333253` | `oklch(33.46% 0.0574 283.76)` | Haunted Dreams | white, 12.1 to 1 |
| 30 | `#2f2a46` | `oklch(30.41% 0.0491 290.77)` | Blackberry Black | white, 13.6 to 1 |
| 31 | `#2a243b` | `oklch(27.69% 0.0427 296.71)` | Telopea | white, 14.9 to 1 |
| 32 | `#261e32` | `oklch(25.39% 0.0384 301.43)` | Black Howl | white, 15.9 to 1 |
| 33 | `#221a2c` | `oklch(23.50% 0.0366 304.72)` | Black Howl | white, 16.8 to 1 |
| 34 | `#1e1527` | `oklch(21.77% 0.0367 306.04)` | Inside | white, 17.5 to 1 |
| 35 | `#1b1124` | `oklch(20.14% 0.0386 305.58)` | Inside | white, 18.1 to 1 |
| 36 | `#170e22` | `oklch(18.65% 0.0419 303.60)` | Corbeau | white, 18.7 to 1 |
| 37 | `#140a21` | `oklch(17.31% 0.0464 300.39)` | Tristesse | white, 19.1 to 1 |
| 38 | `#100721` | `oklch(16.12% 0.0520 296.23)` | Election Night | white, 19.5 to 1 |
| 39 | `#0d0521` | `oklch(15.12% 0.0584 291.41)` | Election Night | white, 19.7 to 1 |
| 40 | `#090323` | `oklch(14.30% 0.0653 286.20)` | Election Night | white, 19.9 to 1 |
| 41 | `#070225` | `oklch(13.70% 0.0726 280.89)` | Insomnia | white, 20.1 to 1 |
| 42 | `#040127` | `oklch(13.31% 0.0801 275.76)` | Insomnia | white, 20.2 to 1 |
| 43 | `#03002a` | `oklch(13.29% 0.0863 271.01)` | Midnight | white, 20.2 to 1 |
| 44 | `#01002c` | `oklch(13.40% 0.0901 267.16)` | Illicit Darkness | white, 20.2 to 1 |
| 45 | `#00002f` | `oklch(13.77% 0.0952 264.31)` | Illicit Darkness | white, 20.1 to 1 |
| 46 | `#000528` | `oklch(14.36% 0.0756 263.39)` | Illicit Darkness | white, 19.9 to 1 |
| 47 | `#00062c` | `oklch(15.32% 0.0792 263.24)` | Illicit Darkness | white, 19.7 to 1 |
| 48 | `#00003f` | `oklch(16.62% 0.1147 264.49)` | Endless Galaxy | white, 19.5 to 1 |
| 49 | `#040145` | `oklch(18.27% 0.1175 268.38)` | Night Blue | white, 19.1 to 1 |
| 50 | `#0d054c` | `oklch(20.64% 0.1193 274.19)` | Silent Twilight | white, 18.3 to 1 |
| 51 | `#1a0b54` | `oklch(23.57% 0.1206 281.61)` | Indigo Sloth | white, 17.2 to 1 |
| 52 | `#29125c` | `oklch(26.99% 0.1214 290.42)` | Voldemort | white, 15.7 to 1 |
| 53 | `#3b1962` | `oklch(30.80% 0.1219 300.34)` | Christalle | white, 13.9 to 1 |
| 54 | `#4e2168` | `oklch(34.91% 0.1220 311.13)` | Elegant Purple Gown | white, 12 to 1 |
| 55 | `#632a6b` | `oklch(39.23% 0.1218 322.54)` | Imperial | white, 10.1 to 1 |
| 56 | `#78336c` | `oklch(43.66% 0.1214 334.31)` | Grape Juice | white, 8.4 to 1 |
| 57 | `#8c3e6c` | `oklch(48.12% 0.1208 346.18)` | Bonbon Red | white, 6.9 to 1 |
| 58 | `#9f496a` | `oklch(52.52% 0.1202 357.91)` | Ancient Fuchsia | white, 5.7 to 1 |
| 59 | `#b15667` | `oklch(56.76% 0.1194 9.25)` | Kissed by a Zombies | white, 4.8 to 1 |
| 60 | `#bf6365` | `oklch(60.75% 0.1187 19.93)` | Faded Rose | black, 5.1 to 1 |
| 61 | `#cb7062` | `oklch(64.41% 0.1181 29.71)` | Living Large | black, 6 to 1 |
| 62 | `#d47c60` | `oklch(67.63% 0.1176 38.33)` | Silithus Brown | black, 6.8 to 1 |
| 63 | `#db875f` | `oklch(70.34% 0.1172 45.54)` | Midnight in Saigon | black, 7.6 to 1 |
| 64 | `#e0905f` | `oklch(72.44% 0.1171 51.08)` | Bockwurst | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f4c4d4 0.0%, #f7c1cf 1.6%, #fabfc7 3.2%, #ffbcbe 4.8%, #ffbcb4 6.3%, #ffbba9 7.9%, #ffbb9a 9.5%, #ffbb87 11.1%, #febb6a 12.7%, #f4be57 14.3%, #e5c347 15.9%, #d1c840 17.5%, #b8cc45 19.0%, #9acf53 20.6%, #77d165 22.2%, #4bcf77 23.8%, #00cb89 25.4%, #00c099 27.0%, #00b5a2 28.6%, #00a8a5 30.2%, #009ba6 31.7%, #008da5 33.3%, #007fa2 34.9%, #0070a0 36.5%, #256193 38.1%, #315384 39.7%, #364773 41.3%, #363c62 42.9%, #333253 44.4%, #2f2a46 46.0%, #2a243b 47.6%, #261e32 49.2%, #221a2c 50.8%, #1e1527 52.4%, #1b1124 54.0%, #170e22 55.6%, #140a21 57.1%, #100721 58.7%, #0d0521 60.3%, #090323 61.9%, #070225 63.5%, #040127 65.1%, #03002a 66.7%, #01002c 68.3%, #00002f 69.8%, #000528 71.4%, #00062c 73.0%, #00003f 74.6%, #040145 76.2%, #0d054c 77.8%, #1a0b54 79.4%, #29125c 81.0%, #3b1962 82.5%, #4e2168 84.1%, #632a6b 85.7%, #78336c 87.3%, #8c3e6c 88.9%, #9f496a 90.5%, #b15667 92.1%, #bf6365 93.7%, #cb7062 95.2%, #d47c60 96.8%, #db875f 98.4%, #e0905f 100.0%);
background: linear-gradient(135deg in oklch, oklch(86.61% 0.0593 355.78) 0.0%, oklch(86.27% 0.0637 1.62) 1.6%, oklch(85.96% 0.0698 8.70) 3.2%, oklch(85.67% 0.0771 16.89) 4.8%, oklch(85.38% 0.0793 26.04) 6.3%, oklch(85.06% 0.0832 36.03) 7.9%, oklch(84.71% 0.0906 46.71) 9.5%, oklch(84.29% 0.1038 57.94) 11.1%, oklch(83.79% 0.1247 69.58) 12.7%, oklch(83.18% 0.1343 81.49) 14.3%, oklch(82.45% 0.1434 93.54) 15.9%, oklch(81.58% 0.1517 105.59) 17.5%, oklch(80.54% 0.1588 117.50) 19.0%, oklch(79.31% 0.1646 129.13) 20.6%, oklch(77.87% 0.1686 140.33) 22.2%, oklch(76.21% 0.1707 150.98) 23.8%, oklch(74.30% 0.1655 160.97) 25.4%, oklch(71.98% 0.1408 171.14) 27.0%, oklch(69.26% 0.1243 181.74) 28.6%, oklch(66.19% 0.1135 192.65) 30.2%, oklch(62.84% 0.1071 203.74) 31.7%, oklch(59.28% 0.1047 214.89) 33.3%, oklch(55.56% 0.1062 225.97) 34.9%, oklch(51.74% 0.1127 236.84) 36.5%, oklch(47.89% 0.1016 247.37) 38.1%, oklch(44.08% 0.0895 257.46) 39.7%, oklch(40.36% 0.0779 266.97) 41.3%, oklch(36.80% 0.0671 275.78) 42.9%, oklch(33.46% 0.0574 283.76) 44.4%, oklch(30.41% 0.0491 290.77) 46.0%, oklch(27.69% 0.0427 296.71) 47.6%, oklch(25.39% 0.0384 301.43) 49.2%, oklch(23.50% 0.0366 304.72) 50.8%, oklch(21.77% 0.0367 306.04) 52.4%, oklch(20.14% 0.0386 305.58) 54.0%, oklch(18.65% 0.0419 303.60) 55.6%, oklch(17.31% 0.0464 300.39) 57.1%, oklch(16.12% 0.0520 296.23) 58.7%, oklch(15.12% 0.0584 291.41) 60.3%, oklch(14.30% 0.0653 286.20) 61.9%, oklch(13.70% 0.0726 280.89) 63.5%, oklch(13.31% 0.0801 275.76) 65.1%, oklch(13.29% 0.0863 271.01) 66.7%, oklch(13.40% 0.0901 267.16) 68.3%, oklch(13.77% 0.0952 264.31) 69.8%, oklch(14.36% 0.0756 263.39) 71.4%, oklch(15.32% 0.0792 263.24) 73.0%, oklch(16.62% 0.1147 264.49) 74.6%, oklch(18.27% 0.1175 268.38) 76.2%, oklch(20.64% 0.1193 274.19) 77.8%, oklch(23.57% 0.1206 281.61) 79.4%, oklch(26.99% 0.1214 290.42) 81.0%, oklch(30.80% 0.1219 300.34) 82.5%, oklch(34.91% 0.1220 311.13) 84.1%, oklch(39.23% 0.1218 322.54) 85.7%, oklch(43.66% 0.1214 334.31) 87.3%, oklch(48.12% 0.1208 346.18) 88.9%, oklch(52.52% 0.1202 357.91) 90.5%, oklch(56.76% 0.1194 9.25) 92.1%, oklch(60.75% 0.1187 19.93) 93.7%, oklch(64.41% 0.1181 29.71) 95.2%, oklch(67.63% 0.1176 38.33) 96.8%, oklch(70.34% 0.1172 45.54) 98.4%, oklch(72.44% 0.1171 51.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.866 | 0.059 | 355.8 |
| 2 | 0.748 | 0.171 | 518.5 |
| 3 | 0.244 | 0.037 | 663.3 |
| 4 | 0.169 | 0.116 | 625.3 |
| 5 | 0.724 | 0.117 | 771.1 |

## In these collections

- [Rainbow loop gradients](https://grabient.com/rainbow-loop-gradients)

## Other forms

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