# Mint lilac ochre berry diagonal

Triadic teal, gray, brown and lavender linear gradient with 48 colors: #96bea9, #94bfaf, #92bfb6, #92bebd, #95bdc3, #9abbc8, #a0b9cb, #a8b7cc, #b0b5cb, #b6b4c9, #bcb3c5, #c1b4c2, #c5b4c0, #cab6be, #cebabc, #d2bebc, #d6c3bc, #d8c9bd, #dacebf, #dad3c1, #d9d7c3, #d6dac4, #d2dbc4, #cddac1, #c6d6bb, #bdcfaf, #b3c49d, #aab687, #a3a66e, #9f9454, #9c8139, #9a6d21, #985b0e, #964b0e, #953f1a, #953828, #973937, #9c3f4a, #a24b5f, #aa5a76, #b36c8e, #bd80a5, #c695bb, #d0a9cf, #dabddf, #e3ceed, #ebdcf8, #f1e6ff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Triadic teal, gray, brown and lavender linear gradient
- Seed: `kWwyZzZAlUW4OUo7rrP94014`
- Page: https://grabient.com/kWwyZzZAlUW4OUo7rrP94014?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#96bea9` | `oklch(76.77% 0.0524 161.72)` | Scenic View | black, 10.2 to 1 |
| 2 | `#94bfaf` | `oklch(76.85% 0.0509 170.29)` | Scenic View | black, 10.3 to 1 |
| 3 | `#92bfb6` | `oklch(76.92% 0.0488 181.12)` | Envisage | black, 10.3 to 1 |
| 4 | `#92bebd` | `oklch(76.99% 0.0463 193.86)` | Blithe Blue | black, 10.3 to 1 |
| 5 | `#95bdc3` | `oklch(77.07% 0.0434 208.17)` | Squirt | black, 10.3 to 1 |
| 6 | `#9abbc8` | `oklch(77.16% 0.0404 223.69)` | Sydney Harbour | black, 10.3 to 1 |
| 7 | `#a0b9cb` | `oklch(77.28% 0.0373 240.09)` | Always Blue | black, 10.2 to 1 |
| 8 | `#a8b7cc` | `oklch(77.42% 0.0343 257.01)` | Uniform | black, 10.2 to 1 |
| 9 | `#b0b5cb` | `oklch(77.61% 0.0315 274.12)` | Soul Sister | black, 10.3 to 1 |
| 10 | `#b6b4c9` | `oklch(77.83% 0.0290 291.06)` | Soft Sky | black, 10.3 to 1 |
| 11 | `#bcb3c5` | `oklch(78.11% 0.0269 307.49)` | Perplexed | black, 10.4 to 1 |
| 12 | `#c1b4c2` | `oklch(78.45% 0.0255 323.06)` | Pink Bravado | black, 10.5 to 1 |
| 13 | `#c5b4c0` | `oklch(78.86% 0.0247 337.53)` | Pink Bravado | black, 10.6 to 1 |
| 14 | `#cab6be` | `oklch(79.57% 0.0241 352.66)` | High Society | black, 10.9 to 1 |
| 15 | `#cebabc` | `oklch(80.58% 0.0237 8.88)` | Mediterranean Sunset | black, 11.3 to 1 |
| 16 | `#d2bebc` | `oklch(81.81% 0.0235 25.76)` | Dusky Violet | black, 11.8 to 1 |
| 17 | `#d6c3bc` | `oklch(83.14% 0.0236 42.82)` | New Wool | black, 12.4 to 1 |
| 18 | `#d8c9bd` | `oklch(84.49% 0.0239 59.63)` | Curly Maple | black, 13 to 1 |
| 19 | `#dacebf` | `oklch(85.74% 0.0247 75.73)` | Clay Angel | black, 13.5 to 1 |
| 20 | `#dad3c1` | `oklch(86.80% 0.0259 90.67)` | Asiago | black, 14 to 1 |
| 21 | `#d9d7c3` | `oklch(87.58% 0.0276 103.99)` | Angora Whisper | black, 14.4 to 1 |
| 22 | `#d6dac4` | `oklch(87.97% 0.0299 115.26)` | Feng Shui | black, 14.7 to 1 |
| 23 | `#d2dbc4` | `oklch(87.88% 0.0328 124.01)` | Pale Moss Green | black, 14.6 to 1 |
| 24 | `#cddac1` | `oklch(87.20% 0.0365 129.79)` | Breakaway | black, 14.4 to 1 |
| 25 | `#c6d6bb` | `oklch(85.78% 0.0411 132.14)` | Willow Tree Mouse | black, 13.7 to 1 |
| 26 | `#bdcfaf` | `oklch(83.23% 0.0476 130.93)` | Apple Ice | black, 12.7 to 1 |
| 27 | `#b3c49d` | `oklch(79.74% 0.0559 126.61)` | Green Eggs & Cam | black, 11.3 to 1 |
| 28 | `#aab687` | `oklch(75.56% 0.0654 119.69)` | Great Green | black, 9.7 to 1 |
| 29 | `#a3a66e` | `oklch(70.92% 0.0756 110.68)` | Willow Leaf | black, 8.2 to 1 |
| 30 | `#9f9454` | `oklch(66.09% 0.0861 100.10)` | Backroom Ember | black, 6.8 to 1 |
| 31 | `#9c8139` | `oklch(61.30% 0.0964 88.45)` | Wild Olive | black, 5.5 to 1 |
| 32 | `#9a6d21` | `oklch(56.81% 0.1060 76.24)` | Chamois Yellow | black, 4.5 to 1 |
| 33 | `#985b0e` | `oklch(52.87% 0.1144 63.98)` | Sepia Wash | white, 5.4 to 1 |
| 34 | `#964b0e` | `oklch(49.73% 0.1213 52.18)` | Brownie | white, 6.3 to 1 |
| 35 | `#953f1a` | `oklch(47.63% 0.1260 41.36)` | Hot Brown | white, 7 to 1 |
| 36 | `#953828` | `oklch(46.82% 0.1281 32.02)` | Brown Labrador | white, 7.3 to 1 |
| 37 | `#973937` | `oklch(47.52% 0.1272 23.95)` | Vermilion Seabass | white, 7.1 to 1 |
| 38 | `#9c3f4a` | `oklch(49.64% 0.1233 15.68)` | Ode to Joy | white, 6.5 to 1 |
| 39 | `#a24b5f` | `oklch(52.93% 0.1171 7.26)` | Glazed Raspberry | white, 5.6 to 1 |
| 40 | `#aa5a76` | `oklch(57.13% 0.1089 358.81)` | Indian Pink | white, 4.7 to 1 |
| 41 | `#b36c8e` | `oklch(62.01% 0.0994 350.47)` | Purple Starburst | black, 5.4 to 1 |
| 42 | `#bd80a5` | `oklch(67.31% 0.0889 342.36)` | Romanov Mauve | black, 6.7 to 1 |
| 43 | `#c695bb` | `oklch(72.78% 0.0781 334.60)` | Moorland Heather | black, 8.4 to 1 |
| 44 | `#d0a9cf` | `oklch(78.18% 0.0674 327.31)` | Graceful Garden | black, 10.2 to 1 |
| 45 | `#dabddf` | `oklch(83.26% 0.0573 320.63)` | Romantic Morning | black, 12.2 to 1 |
| 46 | `#e3ceed` | `oklch(87.78% 0.0483 314.67)` | Little Touch | black, 14.2 to 1 |
| 47 | `#ebdcf8` | `oklch(91.47% 0.0410 309.56)` | Lavender Savour | black, 16.1 to 1 |
| 48 | `#f1e6ff` | `oklch(94.09% 0.0353 305.45)` | Minute Mauve | black, 17.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #96bea9 0.0%, #94bfaf 2.1%, #92bfb6 4.3%, #92bebd 6.4%, #95bdc3 8.5%, #9abbc8 10.6%, #a0b9cb 12.8%, #a8b7cc 14.9%, #b0b5cb 17.0%, #b6b4c9 19.1%, #bcb3c5 21.3%, #c1b4c2 23.4%, #c5b4c0 25.5%, #cab6be 27.7%, #cebabc 29.8%, #d2bebc 31.9%, #d6c3bc 34.0%, #d8c9bd 36.2%, #dacebf 38.3%, #dad3c1 40.4%, #d9d7c3 42.6%, #d6dac4 44.7%, #d2dbc4 46.8%, #cddac1 48.9%, #c6d6bb 51.1%, #bdcfaf 53.2%, #b3c49d 55.3%, #aab687 57.4%, #a3a66e 59.6%, #9f9454 61.7%, #9c8139 63.8%, #9a6d21 66.0%, #985b0e 68.1%, #964b0e 70.2%, #953f1a 72.3%, #953828 74.5%, #973937 76.6%, #9c3f4a 78.7%, #a24b5f 80.9%, #aa5a76 83.0%, #b36c8e 85.1%, #bd80a5 87.2%, #c695bb 89.4%, #d0a9cf 91.5%, #dabddf 93.6%, #e3ceed 95.7%, #ebdcf8 97.9%, #f1e6ff 100.0%);
background: linear-gradient(135deg in oklch, oklch(76.77% 0.0524 161.72) 0.0%, oklch(76.85% 0.0509 170.29) 2.1%, oklch(76.92% 0.0488 181.12) 4.3%, oklch(76.99% 0.0463 193.86) 6.4%, oklch(77.07% 0.0434 208.17) 8.5%, oklch(77.16% 0.0404 223.69) 10.6%, oklch(77.28% 0.0373 240.09) 12.8%, oklch(77.42% 0.0343 257.01) 14.9%, oklch(77.61% 0.0315 274.12) 17.0%, oklch(77.83% 0.0290 291.06) 19.1%, oklch(78.11% 0.0269 307.49) 21.3%, oklch(78.45% 0.0255 323.06) 23.4%, oklch(78.86% 0.0247 337.53) 25.5%, oklch(79.57% 0.0241 352.66) 27.7%, oklch(80.58% 0.0237 8.88) 29.8%, oklch(81.81% 0.0235 25.76) 31.9%, oklch(83.14% 0.0236 42.82) 34.0%, oklch(84.49% 0.0239 59.63) 36.2%, oklch(85.74% 0.0247 75.73) 38.3%, oklch(86.80% 0.0259 90.67) 40.4%, oklch(87.58% 0.0276 103.99) 42.6%, oklch(87.97% 0.0299 115.26) 44.7%, oklch(87.88% 0.0328 124.01) 46.8%, oklch(87.20% 0.0365 129.79) 48.9%, oklch(85.78% 0.0411 132.14) 51.1%, oklch(83.23% 0.0476 130.93) 53.2%, oklch(79.74% 0.0559 126.61) 55.3%, oklch(75.56% 0.0654 119.69) 57.4%, oklch(70.92% 0.0756 110.68) 59.6%, oklch(66.09% 0.0861 100.10) 61.7%, oklch(61.30% 0.0964 88.45) 63.8%, oklch(56.81% 0.1060 76.24) 66.0%, oklch(52.87% 0.1144 63.98) 68.1%, oklch(49.73% 0.1213 52.18) 70.2%, oklch(47.63% 0.1260 41.36) 72.3%, oklch(46.82% 0.1281 32.02) 74.5%, oklch(47.52% 0.1272 23.95) 76.6%, oklch(49.64% 0.1233 15.68) 78.7%, oklch(52.93% 0.1171 7.26) 80.9%, oklch(57.13% 0.1089 358.81) 83.0%, oklch(62.01% 0.0994 350.47) 85.1%, oklch(67.31% 0.0889 342.36) 87.2%, oklch(72.78% 0.0781 334.60) 89.4%, oklch(78.18% 0.0674 327.31) 91.5%, oklch(83.26% 0.0573 320.63) 93.6%, oklch(87.78% 0.0483 314.67) 95.7%, oklch(91.47% 0.0410 309.56) 97.9%, oklch(94.09% 0.0353 305.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.052 | 161.7 |
| 2 | 0.787 | 0.025 | 334 |
| 3 | 0.866 | 0.039 | 491.4 |
| 4 | 0.469 | 0.128 | 390 |
| 5 | 0.941 | 0.036 | 305.4 |

## In these collections

- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)

## Other forms

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