# Sapphire Peridot Brooch Sweep

Dark purple, purple, blue and tan linear gradient with 32 colors: #24152e, #281733, #2f1939, #361c40, #401f48, #4a2350, #542659, #5e2a62, #672e6b, #6d3376, #713981, #70408d, #6a4898, #5f51a1, #505aa7, #3d64a7, #246da2, #00759a, #007b8e, #008185, #1d877d, #338c76, #479272, #5a996d, #6da06a, #80a667, #94ad65, #a6b364, #b8b864, #c8bd65, #d5c067, #e0c369. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark purple, purple, blue and tan linear gradient
- Seed: `kUOiXdOa7AkkhL5oqbXA`
- Page: https://grabient.com/kUOiXdOa7AkkhL5oqbXA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 9.9 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 | `#24152e` | `oklch(22.83% 0.0510 310.78)` | Blacklist | white, 17.1 to 1 |
| 2 | `#281733` | `oklch(24.16% 0.0559 311.69)` | Blackcurrant | white, 16.6 to 1 |
| 3 | `#2f1939` | `oklch(25.92% 0.0628 313.64)` | Blackcurrant | white, 15.9 to 1 |
| 4 | `#361c40` | `oklch(28.02% 0.0712 316.23)` | Power Outage | white, 14.9 to 1 |
| 5 | `#401f48` | `oklch(30.36% 0.0805 319.04)` | Purple Void | white, 13.9 to 1 |
| 6 | `#4a2350` | `oklch(32.87% 0.0903 321.68)` | Queen’s Domain | white, 12.8 to 1 |
| 7 | `#542659` | `oklch(35.44% 0.0999 323.74)` | Kuwanomi Purple | white, 11.6 to 1 |
| 8 | `#5e2a62` | `oklch(38.00% 0.1090 324.81)` | Charisma | white, 10.5 to 1 |
| 9 | `#672e6b` | `oklch(40.46% 0.1169 324.49)` | Seance | white, 9.6 to 1 |
| 10 | `#6d3376` | `oklch(42.72% 0.1232 322.38)` | Galactic Grapevine | white, 8.7 to 1 |
| 11 | `#713981` | `oklch(44.70% 0.1273 318.06)` | Maximum Purple | white, 8 to 1 |
| 12 | `#70408d` | `oklch(46.33% 0.1289 311.09)` | Amaranth Purple | white, 7.4 to 1 |
| 13 | `#6a4898` | `oklch(47.69% 0.1280 301.31)` | Sweet Flag | white, 7 to 1 |
| 14 | `#5f51a1` | `oklch(48.84% 0.1252 289.24)` | Ultrapurple Merge | white, 6.5 to 1 |
| 15 | `#505aa7` | `oklch(49.85% 0.1209 275.41)` | Purple Frenzy | white, 6.2 to 1 |
| 16 | `#3d64a7` | `oklch(50.78% 0.1157 260.35)` | International | white, 5.8 to 1 |
| 17 | `#246da2` | `oklch(51.69% 0.1100 244.60)` | Deep Water | white, 5.5 to 1 |
| 18 | `#00759a` | `oklch(52.64% 0.1034 228.71)` | Pristine Seas | white, 5.2 to 1 |
| 19 | `#007b8e` | `oklch(53.69% 0.0940 213.17)` | Bimini Blue | white, 4.9 to 1 |
| 20 | `#008185` | `oklch(54.91% 0.0934 198.53)` | Fanfare | white, 4.6 to 1 |
| 21 | `#1d877d` | `oklch(56.36% 0.0919 185.35)` | Green Ink | black, 4.8 to 1 |
| 22 | `#338c76` | `oklch(58.10% 0.0908 174.03)` | Ionian | black, 5.1 to 1 |
| 23 | `#479272` | `oklch(60.24% 0.0912 163.38)` | Good Luck | black, 5.6 to 1 |
| 24 | `#5a996d` | `oklch(62.72% 0.0926 153.04)` | Endless | black, 6.1 to 1 |
| 25 | `#6da06a` | `oklch(65.42% 0.0948 143.09)` | Blackthorn Green | black, 6.8 to 1 |
| 26 | `#80a667` | `oklch(68.26% 0.0977 133.63)` | Garden of Eden | black, 7.6 to 1 |
| 27 | `#94ad65` | `oklch(71.12% 0.1009 124.74)` | Gallant Green | black, 8.4 to 1 |
| 28 | `#a6b364` | `oklch(73.91% 0.1042 116.52)` | Cornstalk | black, 9.2 to 1 |
| 29 | `#b8b864` | `oklch(76.52% 0.1075 109.05)` | Columbian Gold | black, 10.1 to 1 |
| 30 | `#c8bd65` | `oklch(78.85% 0.1104 102.42)` | Moray | black, 10.9 to 1 |
| 31 | `#d5c067` | `oklch(80.81% 0.1128 96.71)` | Mustard Oil | black, 11.6 to 1 |
| 32 | `#e0c369` | `oklch(82.28% 0.1144 92.03)` | California Dreaming | black, 12.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #24152e 0.0%, #281733 3.2%, #2f1939 6.5%, #361c40 9.7%, #401f48 12.9%, #4a2350 16.1%, #542659 19.4%, #5e2a62 22.6%, #672e6b 25.8%, #6d3376 29.0%, #713981 32.3%, #70408d 35.5%, #6a4898 38.7%, #5f51a1 41.9%, #505aa7 45.2%, #3d64a7 48.4%, #246da2 51.6%, #00759a 54.8%, #007b8e 58.1%, #008185 61.3%, #1d877d 64.5%, #338c76 67.7%, #479272 71.0%, #5a996d 74.2%, #6da06a 77.4%, #80a667 80.6%, #94ad65 83.9%, #a6b364 87.1%, #b8b864 90.3%, #c8bd65 93.5%, #d5c067 96.8%, #e0c369 100.0%);
background: linear-gradient(90deg in oklch, oklch(22.83% 0.0510 310.78) 0.0%, oklch(24.16% 0.0559 311.69) 3.2%, oklch(25.92% 0.0628 313.64) 6.5%, oklch(28.02% 0.0712 316.23) 9.7%, oklch(30.36% 0.0805 319.04) 12.9%, oklch(32.87% 0.0903 321.68) 16.1%, oklch(35.44% 0.0999 323.74) 19.4%, oklch(38.00% 0.1090 324.81) 22.6%, oklch(40.46% 0.1169 324.49) 25.8%, oklch(42.72% 0.1232 322.38) 29.0%, oklch(44.70% 0.1273 318.06) 32.3%, oklch(46.33% 0.1289 311.09) 35.5%, oklch(47.69% 0.1280 301.31) 38.7%, oklch(48.84% 0.1252 289.24) 41.9%, oklch(49.85% 0.1209 275.41) 45.2%, oklch(50.78% 0.1157 260.35) 48.4%, oklch(51.69% 0.1100 244.60) 51.6%, oklch(52.64% 0.1034 228.71) 54.8%, oklch(53.69% 0.0940 213.17) 58.1%, oklch(54.91% 0.0934 198.53) 61.3%, oklch(56.36% 0.0919 185.35) 64.5%, oklch(58.10% 0.0908 174.03) 67.7%, oklch(60.24% 0.0912 163.38) 71.0%, oklch(62.72% 0.0926 153.04) 74.2%, oklch(65.42% 0.0948 143.09) 77.4%, oklch(68.26% 0.0977 133.63) 80.6%, oklch(71.12% 0.1009 124.74) 83.9%, oklch(73.91% 0.1042 116.52) 87.1%, oklch(76.52% 0.1075 109.05) 90.3%, oklch(78.85% 0.1104 102.42) 93.5%, oklch(80.81% 0.1128 96.71) 96.8%, oklch(82.28% 0.1144 92.03) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.051 | 310.8 |
| 2 | 0.453 | 0.128 | 316.1 |
| 3 | 0.575 | 0.091 | 177.6 |
| 4 | 0.823 | 0.114 | 92 |

## In these collections

- [Brooched](https://grabient.com/brooched)

## Other forms

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