# Peach mint diagonal sweep

Pastel tritone blue, green and tan linear gradient with 64 colors: #c7e2ff, #c4e2fe, #c1e2fd, #bee2fc, #bbe2fb, #b8e2f9, #b4e2f7, #b0e2f4, #ace2f1, #a9e2ed, #a6e2e9, #a3e2e4, #a1e2df, #a0e1d9, #a0e0d2, #a0dfcb, #a1dec4, #a4ddbd, #a7dbb5, #aad9ae, #aed6a7, #b3d4a0, #b8d199, #bccf93, #c1cc8d, #c6c988, #cac684, #cec381, #d1c07e, #d4bd7c, #d6ba7b, #d8b87a, #dab67a, #dbb47a, #dcb27a, #ddb07a, #ddae7b, #ddad7c, #ddab7d, #dcaa7e, #dca97e, #dba77f, #daa680, #d9a581, #d8a482, #d7a483, #d6a384, #d4a284, #d3a185, #d1a186, #d0a086, #cfa087, #cd9f88, #cc9f88, #ca9e89, #c99e89, #c89d89, #c79d8a, #c69d8a, #c59c8a, #c49c8b, #c39c8b, #c29b8b, #c19b8c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel tritone blue, green and tan linear gradient
- Seed: `kS5SSyZSAr9uSu2`
- Page: https://grabient.com/kS5SSyZSAr9uSu2?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: pastel
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 1.8 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 | `#c7e2ff` | `oklch(90.16% 0.0496 250.30)` | Fresh Water | black, 15.7 to 1 |
| 2 | `#c4e2fe` | `oklch(89.98% 0.0503 247.40)` | Fresh Water | black, 15.6 to 1 |
| 3 | `#c1e2fd` | `oklch(89.77% 0.0511 244.04)` | Fresh Water | black, 15.5 to 1 |
| 4 | `#bee2fc` | `oklch(89.55% 0.0521 240.26)` | Dithered Sky | black, 15.4 to 1 |
| 5 | `#bbe2fb` | `oklch(89.30% 0.0532 236.10)` | Arctic Paradise | black, 15.3 to 1 |
| 6 | `#b8e2f9` | `oklch(89.03% 0.0544 231.58)` | Arctic Paradise | black, 15.2 to 1 |
| 7 | `#b4e2f7` | `oklch(88.75% 0.0557 226.74)` | Azure Sky | black, 15.1 to 1 |
| 8 | `#b0e2f4` | `oklch(88.45% 0.0570 221.59)` | Azure Sky | black, 15 to 1 |
| 9 | `#ace2f1` | `oklch(88.13% 0.0585 216.17)` | Atmospheric Soft Blue | black, 14.9 to 1 |
| 10 | `#a9e2ed` | `oklch(87.80% 0.0600 210.51)` | Blizzard Blue | black, 14.8 to 1 |
| 11 | `#a6e2e9` | `oklch(87.46% 0.0616 204.63)` | Blizzard Blue | black, 14.6 to 1 |
| 12 | `#a3e2e4` | `oklch(87.11% 0.0632 198.57)` | Ice Crystal Blue | black, 14.5 to 1 |
| 13 | `#a1e2df` | `oklch(86.74% 0.0649 192.36)` | Everest | black, 14.4 to 1 |
| 14 | `#a0e1d9` | `oklch(86.37% 0.0666 186.01)` | Spinnaker | black, 14.2 to 1 |
| 15 | `#a0e0d2` | `oklch(85.99% 0.0683 179.57)` | Menthol Kiss | black, 14.1 to 1 |
| 16 | `#a0dfcb` | `oklch(85.60% 0.0700 173.06)` | Tropical Freeze | black, 13.9 to 1 |
| 17 | `#a1dec4` | `oklch(85.21% 0.0716 166.51)` | Mountain Mint | black, 13.7 to 1 |
| 18 | `#a4ddbd` | `oklch(84.82% 0.0733 159.95)` | Mountain Mint | black, 13.5 to 1 |
| 19 | `#a7dbb5` | `oklch(84.42% 0.0749 153.40)` | Celtic Spring | black, 13.4 to 1 |
| 20 | `#aad9ae` | `oklch(84.02% 0.0765 146.90)` | Frugal | black, 13.2 to 1 |
| 21 | `#aed6a7` | `oklch(83.63% 0.0780 140.47)` | In Good Taste | black, 13 to 1 |
| 22 | `#b3d4a0` | `oklch(83.23% 0.0795 134.15)` | In Good Taste | black, 12.8 to 1 |
| 23 | `#b8d199` | `oklch(82.84% 0.0809 127.96)` | Fava Bean | black, 12.6 to 1 |
| 24 | `#bccf93` | `oklch(82.45% 0.0822 121.93)` | Haricot | black, 12.4 to 1 |
| 25 | `#c1cc8d` | `oklch(82.07% 0.0834 116.09)` | Dancing Green | black, 12.2 to 1 |
| 26 | `#c6c988` | `oklch(81.70% 0.0845 110.46)` | Chimes | black, 12 to 1 |
| 27 | `#cac684` | `oklch(81.33% 0.0855 105.09)` | Tyrant Skull | black, 11.8 to 1 |
| 28 | `#cec381` | `oklch(80.97% 0.0863 99.99)` | Winter Hazel | black, 11.6 to 1 |
| 29 | `#d1c07e` | `oklch(80.63% 0.0870 95.19)` | Winter Hazel | black, 11.5 to 1 |
| 30 | `#d4bd7c` | `oklch(80.30% 0.0876 90.73)` | Further Afield | black, 11.3 to 1 |
| 31 | `#d6ba7b` | `oklch(79.98% 0.0879 86.64)` | Honeymoon | black, 11.2 to 1 |
| 32 | `#d8b87a` | `oklch(79.67% 0.0882 82.93)` | Sinking Sand | black, 11 to 1 |
| 33 | `#dab67a` | `oklch(79.38% 0.0882 79.62)` | Soft Chamois | black, 10.9 to 1 |
| 34 | `#dbb47a` | `oklch(79.10% 0.0880 76.55)` | Soft Chamois | black, 10.8 to 1 |
| 35 | `#dcb27a` | `oklch(78.81% 0.0877 73.70)` | Boudin | black, 10.6 to 1 |
| 36 | `#ddb07a` | `oklch(78.52% 0.0872 71.04)` | Wooden Sword | black, 10.5 to 1 |
| 37 | `#ddae7b` | `oklch(78.23% 0.0865 68.59)` | Wooden Sword | black, 10.4 to 1 |
| 38 | `#ddad7c` | `oklch(77.94% 0.0857 66.32)` | Caramel Drizzle | black, 10.3 to 1 |
| 39 | `#ddab7d` | `oklch(77.65% 0.0848 64.22)` | Sweet Cashew | black, 10.1 to 1 |
| 40 | `#dcaa7e` | `oklch(77.37% 0.0838 62.30)` | Eastern Spice | black, 10 to 1 |
| 41 | `#dca97e` | `oklch(77.08% 0.0826 60.53)` | Eastern Spice | black, 9.9 to 1 |
| 42 | `#dba77f` | `oklch(76.80% 0.0814 58.91)` | Eastern Spice | black, 9.8 to 1 |
| 43 | `#daa680` | `oklch(76.52% 0.0800 57.44)` | Windswept Canyon | black, 9.7 to 1 |
| 44 | `#d9a581` | `oklch(76.25% 0.0786 56.09)` | Windswept Canyon | black, 9.6 to 1 |
| 45 | `#d8a482` | `oklch(75.98% 0.0771 54.87)` | Windswept Canyon | black, 9.5 to 1 |
| 46 | `#d7a483` | `oklch(75.71% 0.0756 53.76)` | Yolande | black, 9.4 to 1 |
| 47 | `#d6a384` | `oklch(75.45% 0.0740 52.76)` | Yolande | black, 9.4 to 1 |
| 48 | `#d4a284` | `oklch(75.19% 0.0724 51.86)` | Orange Maple | black, 9.3 to 1 |
| 49 | `#d3a185` | `oklch(74.93% 0.0708 51.04)` | Orange Maple | black, 9.2 to 1 |
| 50 | `#d1a186` | `oklch(74.69% 0.0691 50.30)` | Orange Maple | black, 9.1 to 1 |
| 51 | `#d0a086` | `oklch(74.44% 0.0675 49.63)` | Orange Maple | black, 9 to 1 |
| 52 | `#cfa087` | `oklch(74.21% 0.0658 49.02)` | Orange Maple | black, 9 to 1 |
| 53 | `#cd9f88` | `oklch(73.98% 0.0642 48.46)` | Shiny Kettle | black, 8.9 to 1 |
| 54 | `#cc9f88` | `oklch(73.76% 0.0627 47.95)` | Artefact | black, 8.8 to 1 |
| 55 | `#ca9e89` | `oklch(73.55% 0.0611 47.47)` | Artefact | black, 8.7 to 1 |
| 56 | `#c99e89` | `oklch(73.34% 0.0596 47.01)` | Artefact | black, 8.7 to 1 |
| 57 | `#c89d89` | `oklch(73.15% 0.0582 46.57)` | Artefact | black, 8.6 to 1 |
| 58 | `#c79d8a` | `oklch(72.96% 0.0569 46.14)` | Artefact | black, 8.6 to 1 |
| 59 | `#c69d8a` | `oklch(72.78% 0.0556 45.70)` | Whistler Rose | black, 8.5 to 1 |
| 60 | `#c59c8a` | `oklch(72.61% 0.0544 45.26)` | Whistler Rose | black, 8.5 to 1 |
| 61 | `#c49c8b` | `oklch(72.46% 0.0534 44.79)` | Whistler Rose | black, 8.4 to 1 |
| 62 | `#c39c8b` | `oklch(72.31% 0.0525 44.30)` | Mahogany Rose | black, 8.4 to 1 |
| 63 | `#c29b8b` | `oklch(72.17% 0.0516 43.77)` | Mahogany Rose | black, 8.3 to 1 |
| 64 | `#c19b8c` | `oklch(72.05% 0.0510 43.19)` | Mahogany Rose | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #c7e2ff 0.0%, #c4e2fe 1.6%, #c1e2fd 3.2%, #bee2fc 4.8%, #bbe2fb 6.3%, #b8e2f9 7.9%, #b4e2f7 9.5%, #b0e2f4 11.1%, #ace2f1 12.7%, #a9e2ed 14.3%, #a6e2e9 15.9%, #a3e2e4 17.5%, #a1e2df 19.0%, #a0e1d9 20.6%, #a0e0d2 22.2%, #a0dfcb 23.8%, #a1dec4 25.4%, #a4ddbd 27.0%, #a7dbb5 28.6%, #aad9ae 30.2%, #aed6a7 31.7%, #b3d4a0 33.3%, #b8d199 34.9%, #bccf93 36.5%, #c1cc8d 38.1%, #c6c988 39.7%, #cac684 41.3%, #cec381 42.9%, #d1c07e 44.4%, #d4bd7c 46.0%, #d6ba7b 47.6%, #d8b87a 49.2%, #dab67a 50.8%, #dbb47a 52.4%, #dcb27a 54.0%, #ddb07a 55.6%, #ddae7b 57.1%, #ddad7c 58.7%, #ddab7d 60.3%, #dcaa7e 61.9%, #dca97e 63.5%, #dba77f 65.1%, #daa680 66.7%, #d9a581 68.3%, #d8a482 69.8%, #d7a483 71.4%, #d6a384 73.0%, #d4a284 74.6%, #d3a185 76.2%, #d1a186 77.8%, #d0a086 79.4%, #cfa087 81.0%, #cd9f88 82.5%, #cc9f88 84.1%, #ca9e89 85.7%, #c99e89 87.3%, #c89d89 88.9%, #c79d8a 90.5%, #c69d8a 92.1%, #c59c8a 93.7%, #c49c8b 95.2%, #c39c8b 96.8%, #c29b8b 98.4%, #c19b8c 100.0%);
background: linear-gradient(225deg in oklch, oklch(90.16% 0.0496 250.30) 0.0%, oklch(89.98% 0.0503 247.40) 1.6%, oklch(89.77% 0.0511 244.04) 3.2%, oklch(89.55% 0.0521 240.26) 4.8%, oklch(89.30% 0.0532 236.10) 6.3%, oklch(89.03% 0.0544 231.58) 7.9%, oklch(88.75% 0.0557 226.74) 9.5%, oklch(88.45% 0.0570 221.59) 11.1%, oklch(88.13% 0.0585 216.17) 12.7%, oklch(87.80% 0.0600 210.51) 14.3%, oklch(87.46% 0.0616 204.63) 15.9%, oklch(87.11% 0.0632 198.57) 17.5%, oklch(86.74% 0.0649 192.36) 19.0%, oklch(86.37% 0.0666 186.01) 20.6%, oklch(85.99% 0.0683 179.57) 22.2%, oklch(85.60% 0.0700 173.06) 23.8%, oklch(85.21% 0.0716 166.51) 25.4%, oklch(84.82% 0.0733 159.95) 27.0%, oklch(84.42% 0.0749 153.40) 28.6%, oklch(84.02% 0.0765 146.90) 30.2%, oklch(83.63% 0.0780 140.47) 31.7%, oklch(83.23% 0.0795 134.15) 33.3%, oklch(82.84% 0.0809 127.96) 34.9%, oklch(82.45% 0.0822 121.93) 36.5%, oklch(82.07% 0.0834 116.09) 38.1%, oklch(81.70% 0.0845 110.46) 39.7%, oklch(81.33% 0.0855 105.09) 41.3%, oklch(80.97% 0.0863 99.99) 42.9%, oklch(80.63% 0.0870 95.19) 44.4%, oklch(80.30% 0.0876 90.73) 46.0%, oklch(79.98% 0.0879 86.64) 47.6%, oklch(79.67% 0.0882 82.93) 49.2%, oklch(79.38% 0.0882 79.62) 50.8%, oklch(79.10% 0.0880 76.55) 52.4%, oklch(78.81% 0.0877 73.70) 54.0%, oklch(78.52% 0.0872 71.04) 55.6%, oklch(78.23% 0.0865 68.59) 57.1%, oklch(77.94% 0.0857 66.32) 58.7%, oklch(77.65% 0.0848 64.22) 60.3%, oklch(77.37% 0.0838 62.30) 61.9%, oklch(77.08% 0.0826 60.53) 63.5%, oklch(76.80% 0.0814 58.91) 65.1%, oklch(76.52% 0.0800 57.44) 66.7%, oklch(76.25% 0.0786 56.09) 68.3%, oklch(75.98% 0.0771 54.87) 69.8%, oklch(75.71% 0.0756 53.76) 71.4%, oklch(75.45% 0.0740 52.76) 73.0%, oklch(75.19% 0.0724 51.86) 74.6%, oklch(74.93% 0.0708 51.04) 76.2%, oklch(74.69% 0.0691 50.30) 77.8%, oklch(74.44% 0.0675 49.63) 79.4%, oklch(74.21% 0.0658 49.02) 81.0%, oklch(73.98% 0.0642 48.46) 82.5%, oklch(73.76% 0.0627 47.95) 84.1%, oklch(73.55% 0.0611 47.47) 85.7%, oklch(73.34% 0.0596 47.01) 87.3%, oklch(73.15% 0.0582 46.57) 88.9%, oklch(72.96% 0.0569 46.14) 90.5%, oklch(72.78% 0.0556 45.70) 92.1%, oklch(72.61% 0.0544 45.26) 93.7%, oklch(72.46% 0.0534 44.79) 95.2%, oklch(72.31% 0.0525 44.30) 96.8%, oklch(72.17% 0.0516 43.77) 98.4%, oklch(72.05% 0.0510 43.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.05 | 250.3 |
| 2 | 0.795 | 0.088 | 81.2 |
| 3 | 0.72 | 0.051 | 43.2 |

## In these collections

- [Spring pastel gradients](https://grabient.com/spring-pastel-gradients)

## Other forms

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