# Wet meadow flower rings

Triadic blue, purple and brown linear gradient with 40 colors: #297ea9, #347ead, #407eb1, #4d7eb5, #5a7eb9, #687ebc, #767dbe, #827dbe, #8e7dbd, #987dba, #a17cb6, #a77bb2, #ab7aac, #ad78a7, #ac75a1, #a9709b, #a46b94, #9e648e, #975d87, #8f5680, #874f7a, #804974, #79436e, #743d68, #703963, #6e365f, #6f355b, #723557, #773754, #7d3b51, #84404e, #8c464b, #934e49, #9a5746, #a06045, #a46945, #a87246, #ab7a48, #ac814a, #ad864c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Triadic blue, purple and brown linear gradient
- Seed: `kUj0un0aHLLUjQVSIMsA`
- Page: https://grabient.com/kUj0un0aHLLUjQVSIMsA?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 2.7 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 | `#297ea9` | `oklch(56.30% 0.1033 235.55)` | Prominent Blue | black, 4.6 to 1 |
| 2 | `#347ead` | `oklch(56.73% 0.1028 239.97)` | Beijing Blue | black, 4.7 to 1 |
| 3 | `#407eb1` | `oklch(57.38% 0.1021 245.78)` | Beijing Blue | black, 4.8 to 1 |
| 4 | `#4d7eb5` | `oklch(58.20% 0.1012 252.71)` | Azul Pavo Real | black, 4.9 to 1 |
| 5 | `#5a7eb9` | `oklch(59.13% 0.1003 260.53)` | Woad Blue | black, 5.1 to 1 |
| 6 | `#687ebc` | `oklch(60.13% 0.0992 269.00)` | Persian Jewel | black, 5.2 to 1 |
| 7 | `#767dbe` | `oklch(61.15% 0.0981 277.87)` | Astro Zinger | black, 5.4 to 1 |
| 8 | `#827dbe` | `oklch(62.12% 0.0970 286.89)` | Faraway Sky | black, 5.6 to 1 |
| 9 | `#8e7dbd` | `oklch(62.99% 0.0960 295.83)` | Unimaginable | black, 5.8 to 1 |
| 10 | `#987dba` | `oklch(63.73% 0.0950 304.43)` | Lavender Purple | black, 5.9 to 1 |
| 11 | `#a17cb6` | `oklch(64.26% 0.0941 312.46)` | Lush Lilac | black, 6 to 1 |
| 12 | `#a77bb2` | `oklch(64.55% 0.0933 319.67)` | Berries Galore | black, 6.1 to 1 |
| 13 | `#ab7aac` | `oklch(64.54% 0.0927 325.81)` | Victorian Violet | black, 6.1 to 1 |
| 14 | `#ad78a7` | `oklch(64.17% 0.0923 330.65)` | Victorian Violet | black, 6 to 1 |
| 15 | `#ac75a1` | `oklch(63.32% 0.0922 334.06)` | Orchid Kiss | black, 5.8 to 1 |
| 16 | `#a9709b` | `oklch(61.94% 0.0922 336.22)` | Mulberry Bush | black, 5.4 to 1 |
| 17 | `#a46b94` | `oklch(60.14% 0.0925 337.35)` | Mauve Memento | black, 5.1 to 1 |
| 18 | `#9e648e` | `oklch(58.02% 0.0928 337.69)` | Berry Pretty | black, 4.6 to 1 |
| 19 | `#975d87` | `oklch(55.69% 0.0933 337.45)` | Plum Savour | white, 4.9 to 1 |
| 20 | `#8f5680` | `oklch(53.25% 0.0938 336.88)` | Dynamic Magenta | white, 5.4 to 1 |
| 21 | `#874f7a` | `oklch(50.80% 0.0944 336.19)` | Graphic Grape | white, 6.1 to 1 |
| 22 | `#804974` | `oklch(48.45% 0.0950 335.60)` | Magic Magenta | white, 6.7 to 1 |
| 23 | `#79436e` | `oklch(46.29% 0.0955 335.36)` | Wood Violet | white, 7.4 to 1 |
| 24 | `#743d68` | `oklch(44.44% 0.0959 335.68)` | Burnt Orchid | white, 8 to 1 |
| 25 | `#703963` | `oklch(42.99% 0.0963 336.79)` | Burnt Orchid | white, 8.5 to 1 |
| 26 | `#6e365f` | `oklch(42.06% 0.0965 338.91)` | Grape | white, 8.8 to 1 |
| 27 | `#6f355b` | `oklch(41.73% 0.0965 342.28)` | Grape | white, 9 to 1 |
| 28 | `#723557` | `oklch(42.07% 0.0963 347.07)` | Possessed Plum | white, 8.9 to 1 |
| 29 | `#773754` | `oklch(42.98% 0.0959 353.15)` | Passionate Plum | white, 8.5 to 1 |
| 30 | `#7d3b51` | `oklch(44.38% 0.0955 0.28)` | Velvet Rose | white, 8 to 1 |
| 31 | `#84404e` | `oklch(46.17% 0.0949 8.22)` | Sugar Beet | white, 7.4 to 1 |
| 32 | `#8c464b` | `oklch(48.26% 0.0943 16.73)` | Rhubarb Smoothie | white, 6.7 to 1 |
| 33 | `#934e49` | `oklch(50.55% 0.0936 25.57)` | Rembrandt Ruby | white, 6.1 to 1 |
| 34 | `#9a5746` | `oklch(52.96% 0.0929 34.49)` | American Roast | white, 5.5 to 1 |
| 35 | `#a06045` | `oklch(55.39% 0.0922 43.25)` | Mandalay Road | white, 4.9 to 1 |
| 36 | `#a46945` | `oklch(57.74% 0.0915 51.62)` | Maple Glaze | black, 4.7 to 1 |
| 37 | `#a87246` | `oklch(59.93% 0.0909 59.36)` | Byzantine Copper | black, 5.1 to 1 |
| 38 | `#ab7a48` | `oklch(61.86% 0.0904 66.21)` | Hidden Morel | black, 5.6 to 1 |
| 39 | `#ac814a` | `oklch(63.44% 0.0899 71.95)` | Bungalow Gold | black, 6 to 1 |
| 40 | `#ad864c` | `oklch(64.57% 0.0896 76.33)` | Golden Cadillac | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #297ea9 0.0%, #347ead 2.6%, #407eb1 5.1%, #4d7eb5 7.7%, #5a7eb9 10.3%, #687ebc 12.8%, #767dbe 15.4%, #827dbe 17.9%, #8e7dbd 20.5%, #987dba 23.1%, #a17cb6 25.6%, #a77bb2 28.2%, #ab7aac 30.8%, #ad78a7 33.3%, #ac75a1 35.9%, #a9709b 38.5%, #a46b94 41.0%, #9e648e 43.6%, #975d87 46.2%, #8f5680 48.7%, #874f7a 51.3%, #804974 53.8%, #79436e 56.4%, #743d68 59.0%, #703963 61.5%, #6e365f 64.1%, #6f355b 66.7%, #723557 69.2%, #773754 71.8%, #7d3b51 74.4%, #84404e 76.9%, #8c464b 79.5%, #934e49 82.1%, #9a5746 84.6%, #a06045 87.2%, #a46945 89.7%, #a87246 92.3%, #ab7a48 94.9%, #ac814a 97.4%, #ad864c 100.0%);
background: linear-gradient(45deg in oklch, oklch(56.30% 0.1033 235.55) 0.0%, oklch(56.73% 0.1028 239.97) 2.6%, oklch(57.38% 0.1021 245.78) 5.1%, oklch(58.20% 0.1012 252.71) 7.7%, oklch(59.13% 0.1003 260.53) 10.3%, oklch(60.13% 0.0992 269.00) 12.8%, oklch(61.15% 0.0981 277.87) 15.4%, oklch(62.12% 0.0970 286.89) 17.9%, oklch(62.99% 0.0960 295.83) 20.5%, oklch(63.73% 0.0950 304.43) 23.1%, oklch(64.26% 0.0941 312.46) 25.6%, oklch(64.55% 0.0933 319.67) 28.2%, oklch(64.54% 0.0927 325.81) 30.8%, oklch(64.17% 0.0923 330.65) 33.3%, oklch(63.32% 0.0922 334.06) 35.9%, oklch(61.94% 0.0922 336.22) 38.5%, oklch(60.14% 0.0925 337.35) 41.0%, oklch(58.02% 0.0928 337.69) 43.6%, oklch(55.69% 0.0933 337.45) 46.2%, oklch(53.25% 0.0938 336.88) 48.7%, oklch(50.80% 0.0944 336.19) 51.3%, oklch(48.45% 0.0950 335.60) 53.8%, oklch(46.29% 0.0955 335.36) 56.4%, oklch(44.44% 0.0959 335.68) 59.0%, oklch(42.99% 0.0963 336.79) 61.5%, oklch(42.06% 0.0965 338.91) 64.1%, oklch(41.73% 0.0965 342.28) 66.7%, oklch(42.07% 0.0963 347.07) 69.2%, oklch(42.98% 0.0959 353.15) 71.8%, oklch(44.38% 0.0955 0.28) 74.4%, oklch(46.17% 0.0949 8.22) 76.9%, oklch(48.26% 0.0943 16.73) 79.5%, oklch(50.55% 0.0936 25.57) 82.1%, oklch(52.96% 0.0929 34.49) 84.6%, oklch(55.39% 0.0922 43.25) 87.2%, oklch(57.74% 0.0915 51.62) 89.7%, oklch(59.93% 0.0909 59.36) 92.3%, oklch(61.86% 0.0904 66.21) 94.9%, oklch(63.44% 0.0899 71.95) 97.4%, oklch(64.57% 0.0896 76.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.563 | 0.103 | 235.5 |
| 2 | 0.642 | 0.092 | 330.7 |
| 3 | 0.417 | 0.096 | 342.3 |
| 4 | 0.646 | 0.09 | 436.3 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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