# Blue, purple and teal radial gradient

Blue, purple and teal radial gradient with 32 colors: #5e96b3, #6090b1, #6488ad, #687da7, #6c729d, #6f6790, #705d82, #6f5474, #6d4d69, #6b4961, #69465e, #684660, #684a6a, #665078, #615a88, #576796, #47759f, #3483a0, #258e99, #28968e, #369983, #3e9879, #409372, #3c8c6c, #338368, #287863, #1c6d5f, #12625a, #095755, #054d4f, #04454a, #034046. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUpDWlOBXMk6jq-rFMRA`
- Page: https://grabient.com/kUpDWlOBXMk6jq-rFMRA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: cool
- Hues: wide
- Contrast of its darkest and lightest colors: 3.5 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 | `#5e96b3` | `oklch(64.57% 0.0730 232.03)` | Pass Time Blue | black, 6.4 to 1 |
| 2 | `#6090b1` | `oklch(63.23% 0.0720 239.31)` | Alpha Tango | black, 6.1 to 1 |
| 3 | `#6488ad` | `oklch(61.32% 0.0704 250.14)` | Perfect Periwinkle | black, 5.6 to 1 |
| 4 | `#687da7` | `oklch(58.98% 0.0685 263.46)` | Night Thistle | black, 5 to 1 |
| 5 | `#6c729d` | `oklch(56.38% 0.0663 278.25)` | Hyacinth Mauve | white, 4.6 to 1 |
| 6 | `#6f6790` | `oklch(53.67% 0.0641 293.46)` | Purple Grapes | white, 5.2 to 1 |
| 7 | `#705d82` | `oklch(51.03% 0.0620 308.05)` | Mystical Purple | white, 5.8 to 1 |
| 8 | `#6f5474` | `oklch(48.59% 0.0603 320.99)` | Trixter | white, 6.5 to 1 |
| 9 | `#6d4d69` | `oklch(46.54% 0.0591 331.22)` | Dirty Purple | white, 7.1 to 1 |
| 10 | `#6b4961` | `oklch(45.02% 0.0586 337.72)` | Annis | white, 7.6 to 1 |
| 11 | `#69465e` | `oklch(44.19% 0.0589 339.43)` | Annis | white, 7.9 to 1 |
| 12 | `#684660` | `oklch(44.25% 0.0604 335.24)` | Bunchberry | white, 7.9 to 1 |
| 13 | `#684a6a` | `oklch(45.28% 0.0634 324.89)` | Sultana | white, 7.5 to 1 |
| 14 | `#665078` | `oklch(47.08% 0.0675 309.63)` | Exotic Purple | white, 7 to 1 |
| 15 | `#615a88` | `oklch(49.42% 0.0723 290.77)` | Purple Balloon | white, 6.2 to 1 |
| 16 | `#576796` | `oklch(52.06% 0.0776 269.61)` | UCLA Blue | white, 5.5 to 1 |
| 17 | `#47759f` | `oklch(54.78% 0.0829 247.47)` | Dull Blue | white, 4.8 to 1 |
| 18 | `#3483a0` | `oklch(57.35% 0.0879 225.66)` | Dirty Blue | black, 4.8 to 1 |
| 19 | `#258e99` | `oklch(59.54% 0.0923 205.49)` | Coral Coast | black, 5.4 to 1 |
| 20 | `#28968e` | `oklch(61.13% 0.0956 188.27)` | Azure Tide | black, 5.8 to 1 |
| 21 | `#369983` | `oklch(61.88% 0.0975 175.31)` | Green Jelly | black, 6 to 1 |
| 22 | `#3e9879` | `oklch(61.59% 0.0977 167.78)` | Greenway | black, 5.9 to 1 |
| 23 | `#409372` | `oklch(60.24% 0.0961 164.64)` | Good Luck | black, 5.6 to 1 |
| 24 | `#3c8c6c` | `oklch(58.04% 0.0931 164.82)` | Mallard Green | black, 5.1 to 1 |
| 25 | `#338368` | `oklch(55.19% 0.0890 167.67)` | Dream Green | white, 4.5 to 1 |
| 26 | `#287863` | `oklch(51.89% 0.0840 172.51)` | Pinehurst | white, 5.2 to 1 |
| 27 | `#1c6d5f` | `oklch(48.34% 0.0787 178.71)` | Forest Splendour | white, 6.1 to 1 |
| 28 | `#12625a` | `oklch(44.74% 0.0732 185.58)` | Empress Teal | white, 7.2 to 1 |
| 29 | `#095755` | `oklch(41.30% 0.0679 192.47)` | Deep Sea Green | white, 8.4 to 1 |
| 30 | `#054d4f` | `oklch(38.20% 0.0631 198.73)` | Dark Teal | white, 9.6 to 1 |
| 31 | `#04454a` | `oklch(35.65% 0.0592 203.68)` | Incubi Darkness | white, 10.7 to 1 |
| 32 | `#034046` | `oklch(33.86% 0.0565 206.67)` | Rich Black | white, 11.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #5e96b3 0.0%, #6090b1 3.2%, #6488ad 6.5%, #687da7 9.7%, #6c729d 12.9%, #6f6790 16.1%, #705d82 19.4%, #6f5474 22.6%, #6d4d69 25.8%, #6b4961 29.0%, #69465e 32.3%, #684660 35.5%, #684a6a 38.7%, #665078 41.9%, #615a88 45.2%, #576796 48.4%, #47759f 51.6%, #3483a0 54.8%, #258e99 58.1%, #28968e 61.3%, #369983 64.5%, #3e9879 67.7%, #409372 71.0%, #3c8c6c 74.2%, #338368 77.4%, #287863 80.6%, #1c6d5f 83.9%, #12625a 87.1%, #095755 90.3%, #054d4f 93.5%, #04454a 96.8%, #034046 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(64.57% 0.0730 232.03) 0.0%, oklch(63.23% 0.0720 239.31) 3.2%, oklch(61.32% 0.0704 250.14) 6.5%, oklch(58.98% 0.0685 263.46) 9.7%, oklch(56.38% 0.0663 278.25) 12.9%, oklch(53.67% 0.0641 293.46) 16.1%, oklch(51.03% 0.0620 308.05) 19.4%, oklch(48.59% 0.0603 320.99) 22.6%, oklch(46.54% 0.0591 331.22) 25.8%, oklch(45.02% 0.0586 337.72) 29.0%, oklch(44.19% 0.0589 339.43) 32.3%, oklch(44.25% 0.0604 335.24) 35.5%, oklch(45.28% 0.0634 324.89) 38.7%, oklch(47.08% 0.0675 309.63) 41.9%, oklch(49.42% 0.0723 290.77) 45.2%, oklch(52.06% 0.0776 269.61) 48.4%, oklch(54.78% 0.0829 247.47) 51.6%, oklch(57.35% 0.0879 225.66) 54.8%, oklch(59.54% 0.0923 205.49) 58.1%, oklch(61.13% 0.0956 188.27) 61.3%, oklch(61.88% 0.0975 175.31) 64.5%, oklch(61.59% 0.0977 167.78) 67.7%, oklch(60.24% 0.0961 164.64) 71.0%, oklch(58.04% 0.0931 164.82) 74.2%, oklch(55.19% 0.0890 167.67) 77.4%, oklch(51.89% 0.0840 172.51) 80.6%, oklch(48.34% 0.0787 178.71) 83.9%, oklch(44.74% 0.0732 185.58) 87.1%, oklch(41.30% 0.0679 192.47) 90.3%, oklch(38.20% 0.0631 198.73) 93.5%, oklch(35.65% 0.0592 203.68) 96.8%, oklch(33.86% 0.0565 206.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.646 | 0.073 | 232 |
| 2 | 0.441 | 0.059 | 338.8 |
| 3 | 0.618 | 0.098 | 169.7 |
| 4 | 0.339 | 0.056 | 206.7 |

## In these collections

- [Southern spring rain](https://grabient.com/southern-spring-rain)

## Other forms

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