# Rainbow from peach to teal linear gradient

Rainbow from peach to teal linear gradient with 32 colors: #f1dc8b, #f8d588, #ffcd89, #ffc698, #ffbea2, #ffb5aa, #ffaab2, #f8a1bd, #ed9ac5, #df93ca, #d18ace, #c081d1, #ae78d2, #9c6fd1, #8968ce, #7661c8, #645bbe, #5354ae, #444b9a, #374284, #2d3a70, #25345f, #203154, #1e3250, #1e3955, #1e4862, #1e5c73, #1d7586, #1e8f96, #2aa9a2, #3dbea9, #4fccac. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW40tD5CgzkW3uGolbxYaw2A`
- Page: https://grabient.com/kW40tD5CgzkW3uGolbxYaw2A?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark center, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.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 | `#f1dc8b` | `oklch(89.37% 0.1033 94.92)` | Coco-Lemon Tart | black, 15.3 to 1 |
| 2 | `#f8d588` | `oklch(88.62% 0.1036 86.24)` | №5 | black, 14.8 to 1 |
| 3 | `#ffcd89` | `oklch(87.71% 0.1026 74.34)` | Bastard Amber | black, 14.3 to 1 |
| 4 | `#ffc698` | `oklch(86.64% 0.0890 60.14)` | Gumdrops | black, 13.7 to 1 |
| 5 | `#ffbea2` | `oklch(85.39% 0.0848 44.59)` | Sweet Apricot | black, 13.1 to 1 |
| 6 | `#ffb5aa` | `oklch(83.93% 0.0887 28.63)` | Washed-Out Crimson | black, 12.4 to 1 |
| 7 | `#ffaab2` | `oklch(82.25% 0.1007 13.20)` | Apricot Haze | black, 11.6 to 1 |
| 8 | `#f8a1bd` | `oklch(80.34% 0.1081 359.24)` | Rogue Pink | black, 10.8 to 1 |
| 9 | `#ed9ac5` | `oklch(78.17% 0.1111 347.62)` | Sultan of Pink | black, 10 to 1 |
| 10 | `#df93ca` | `oklch(75.61% 0.1166 337.38)` | Firm Pink | black, 9.1 to 1 |
| 11 | `#d18ace` | `oklch(72.71% 0.1241 327.90)` | Purception | black, 8.2 to 1 |
| 12 | `#c081d1` | `oklch(69.56% 0.1326 319.13)` | Purception | black, 7.2 to 1 |
| 13 | `#ae78d2` | `oklch(66.24% 0.1409 311.00)` | Lavender Blossom | black, 6.4 to 1 |
| 14 | `#9c6fd1` | `oklch(62.86% 0.1480 303.47)` | Iridescent Purple | black, 5.6 to 1 |
| 15 | `#8968ce` | `oklch(59.50% 0.1527 296.49)` | Amethyst | black, 4.9 to 1 |
| 16 | `#7661c8` | `oklch(56.27% 0.1540 289.98)` | Fuchsia Blue | white, 4.8 to 1 |
| 17 | `#645bbe` | `oklch(53.09% 0.1505 284.10)` | Circumorbital Ring | white, 5.5 to 1 |
| 18 | `#5354ae` | `oklch(49.21% 0.1411 279.70)` | Brandywine Raspberry | white, 6.4 to 1 |
| 19 | `#444b9a` | `oklch(44.88% 0.1273 276.45)` | Deep Ultramarine | white, 7.7 to 1 |
| 20 | `#374284` | `oklch(40.54% 0.1112 273.79)` | Queen of the Night Shift | white, 9.2 to 1 |
| 21 | `#2d3a70` | `oklch(36.62% 0.0945 271.17)` | Spirit Blue | white, 10.7 to 1 |
| 22 | `#25345f` | `oklch(33.53% 0.0792 268.03)` | Navy Trim | white, 12.1 to 1 |
| 23 | `#203154` | `oklch(31.72% 0.0670 263.84)` | Boatswain | white, 12.9 to 1 |
| 24 | `#1e3250` | `oklch(31.60% 0.0600 258.02)` | Elite Blue | white, 12.9 to 1 |
| 25 | `#1e3955` | `oklch(33.75% 0.0594 249.91)` | Gibraltar Sea | white, 11.8 to 1 |
| 26 | `#1e4862` | `oklch(38.33% 0.0639 239.33)` | Dark Slate Blue | white, 9.7 to 1 |
| 27 | `#1e5c73` | `oklch(44.64% 0.0723 227.14)` | Deep Blue Sea | white, 7.4 to 1 |
| 28 | `#1d7586` | `oklch(51.95% 0.0830 214.22)` | Glamour Green | white, 5.3 to 1 |
| 29 | `#1e8f96` | `oklch(59.55% 0.0946 201.44)` | Splashy | black, 5.4 to 1 |
| 30 | `#2aa9a2` | `oklch(66.70% 0.1058 189.69)` | Tropical Hideaway | black, 7.2 to 1 |
| 31 | `#3dbea9` | `oklch(72.69% 0.1152 179.84)` | Pure Cyan | black, 9.1 to 1 |
| 32 | `#4fccac` | `oklch(76.77% 0.1213 172.77)` | Diroset | black, 10.6 to 1 |

## CSS

```css
background: linear-gradient(225deg, #f1dc8b 0.0%, #f8d588 3.2%, #ffcd89 6.5%, #ffc698 9.7%, #ffbea2 12.9%, #ffb5aa 16.1%, #ffaab2 19.4%, #f8a1bd 22.6%, #ed9ac5 25.8%, #df93ca 29.0%, #d18ace 32.3%, #c081d1 35.5%, #ae78d2 38.7%, #9c6fd1 41.9%, #8968ce 45.2%, #7661c8 48.4%, #645bbe 51.6%, #5354ae 54.8%, #444b9a 58.1%, #374284 61.3%, #2d3a70 64.5%, #25345f 67.7%, #203154 71.0%, #1e3250 74.2%, #1e3955 77.4%, #1e4862 80.6%, #1e5c73 83.9%, #1d7586 87.1%, #1e8f96 90.3%, #2aa9a2 93.5%, #3dbea9 96.8%, #4fccac 100.0%);
background: linear-gradient(225deg in oklch, oklch(89.37% 0.1033 94.92) 0.0%, oklch(88.62% 0.1036 86.24) 3.2%, oklch(87.71% 0.1026 74.34) 6.5%, oklch(86.64% 0.0890 60.14) 9.7%, oklch(85.39% 0.0848 44.59) 12.9%, oklch(83.93% 0.0887 28.63) 16.1%, oklch(82.25% 0.1007 13.20) 19.4%, oklch(80.34% 0.1081 359.24) 22.6%, oklch(78.17% 0.1111 347.62) 25.8%, oklch(75.61% 0.1166 337.38) 29.0%, oklch(72.71% 0.1241 327.90) 32.3%, oklch(69.56% 0.1326 319.13) 35.5%, oklch(66.24% 0.1409 311.00) 38.7%, oklch(62.86% 0.1480 303.47) 41.9%, oklch(59.50% 0.1527 296.49) 45.2%, oklch(56.27% 0.1540 289.98) 48.4%, oklch(53.09% 0.1505 284.10) 51.6%, oklch(49.21% 0.1411 279.70) 54.8%, oklch(44.88% 0.1273 276.45) 58.1%, oklch(40.54% 0.1112 273.79) 61.3%, oklch(36.62% 0.0945 271.17) 64.5%, oklch(33.53% 0.0792 268.03) 67.7%, oklch(31.72% 0.0670 263.84) 71.0%, oklch(31.60% 0.0600 258.02) 74.2%, oklch(33.75% 0.0594 249.91) 77.4%, oklch(38.33% 0.0639 239.33) 80.6%, oklch(44.64% 0.0723 227.14) 83.9%, oklch(51.95% 0.0830 214.22) 87.1%, oklch(59.55% 0.0946 201.44) 90.3%, oklch(66.70% 0.1058 189.69) 93.5%, oklch(72.69% 0.1152 179.84) 96.8%, oklch(76.77% 0.1213 172.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.103 | 94.9 |
| 2 | 0.787 | 0.11 | -9.7 |
| 3 | 0.547 | 0.153 | -73.1 |
| 4 | 0.319 | 0.059 | -103.7 |
| 5 | 0.768 | 0.121 | -187.2 |

## In these collections

- [Surreal colors](https://grabient.com/surreal-colors)

## Other forms

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