# Slate teal quiet

Analogous navy to teal radial gradient with 32 colors: #3d455c, #3c455c, #3a445c, #38445b, #36435b, #33425b, #30425a, #2d415a, #2a4059, #274058, #243f57, #223f57, #203f56, #1e3f55, #1c3f53, #1a3e52, #183e51, #163e50, #153e4f, #133e4e, #113f4d, #103f4c, #0e3f4b, #0c404a, #0a4149, #084248, #074348, #064447, #054546, #054545, #064644, #064644. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous navy to teal radial gradient
- Seed: `kUZB2_rZO9KuTvOtlbxA`
- Page: https://grabient.com/kUZB2_rZO9KuTvOtlbxA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: even lightness, vivid, dark, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 1.2 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 | `#3d455c` | `oklch(39.37% 0.0400 269.30)` | Bella Sera | white, 9.4 to 1 |
| 2 | `#3c455c` | `oklch(39.16% 0.0408 267.97)` | Diplomatic | white, 9.5 to 1 |
| 3 | `#3a445c` | `oklch(38.88% 0.0420 266.29)` | Diplomatic | white, 9.6 to 1 |
| 4 | `#38445b` | `oklch(38.54% 0.0434 264.31)` | Diplomatic | white, 9.8 to 1 |
| 5 | `#36435b` | `oklch(38.17% 0.0449 262.08)` | Soulful | white, 9.9 to 1 |
| 6 | `#33425b` | `oklch(37.76% 0.0466 259.67)` | Passionate Blueberry | white, 10.1 to 1 |
| 7 | `#30425a` | `oklch(37.35% 0.0482 257.13)` | Pi | white, 10.2 to 1 |
| 8 | `#2d415a` | `oklch(36.95% 0.0498 254.52)` | Pi | white, 10.4 to 1 |
| 9 | `#2a4059` | `oklch(36.56% 0.0513 251.90)` | Blue Tone Ink | white, 10.5 to 1 |
| 10 | `#274058` | `oklch(36.21% 0.0525 249.32)` | Salty Dog | white, 10.7 to 1 |
| 11 | `#243f57` | `oklch(35.91% 0.0535 246.84)` | Salty Dog | white, 10.8 to 1 |
| 12 | `#223f57` | `oklch(35.66% 0.0541 244.48)` | Integrity | white, 10.9 to 1 |
| 13 | `#203f56` | `oklch(35.43% 0.0545 242.14)` | Integrity | white, 11 to 1 |
| 14 | `#1e3f55` | `oklch(35.20% 0.0546 239.78)` | Capital Blue | white, 11.1 to 1 |
| 15 | `#1c3f53` | `oklch(34.99% 0.0545 237.42)` | Capital Blue | white, 11.2 to 1 |
| 16 | `#1a3e52` | `oklch(34.81% 0.0544 235.03)` | Duskwood | white, 11.2 to 1 |
| 17 | `#183e51` | `oklch(34.64% 0.0541 232.62)` | Duskwood | white, 11.3 to 1 |
| 18 | `#163e50` | `oklch(34.50% 0.0539 230.16)` | Duskwood | white, 11.3 to 1 |
| 19 | `#153e4f` | `oklch(34.39% 0.0537 227.66)` | Subterranean River | white, 11.4 to 1 |
| 20 | `#133e4e` | `oklch(34.31% 0.0536 225.10)` | Subterranean River | white, 11.4 to 1 |
| 21 | `#113f4d` | `oklch(34.26% 0.0536 222.48)` | Cold and Dark | white, 11.4 to 1 |
| 22 | `#103f4c` | `oklch(34.26% 0.0538 219.76)` | Cold and Dark | white, 11.4 to 1 |
| 23 | `#0e3f4b` | `oklch(34.31% 0.0542 216.77)` | Cold and Dark | white, 11.4 to 1 |
| 24 | `#0c404a` | `oklch(34.43% 0.0547 213.52)` | Cold and Dark | white, 11.3 to 1 |
| 25 | `#0a4149` | `oklch(34.58% 0.0553 210.11)` | Cold and Dark | white, 11.2 to 1 |
| 26 | `#084248` | `oklch(34.77% 0.0559 206.64)` | Dark Side | white, 11.1 to 1 |
| 27 | `#074348` | `oklch(34.98% 0.0566 203.21)` | Dark Side | white, 11 to 1 |
| 28 | `#064447` | `oklch(35.19% 0.0573 199.92)` | Dark Side | white, 10.9 to 1 |
| 29 | `#054546` | `oklch(35.39% 0.0579 196.86)` | Dark Side | white, 10.8 to 1 |
| 30 | `#054545` | `oklch(35.57% 0.0584 194.12)` | Dark Side | white, 10.7 to 1 |
| 31 | `#064644` | `oklch(35.72% 0.0589 191.82)` | Cyprus | white, 10.6 to 1 |
| 32 | `#064644` | `oklch(35.83% 0.0593 190.04)` | Cyprus | white, 10.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3d455c 0.0%, #3c455c 3.2%, #3a445c 6.5%, #38445b 9.7%, #36435b 12.9%, #33425b 16.1%, #30425a 19.4%, #2d415a 22.6%, #2a4059 25.8%, #274058 29.0%, #243f57 32.3%, #223f57 35.5%, #203f56 38.7%, #1e3f55 41.9%, #1c3f53 45.2%, #1a3e52 48.4%, #183e51 51.6%, #163e50 54.8%, #153e4f 58.1%, #133e4e 61.3%, #113f4d 64.5%, #103f4c 67.7%, #0e3f4b 71.0%, #0c404a 74.2%, #0a4149 77.4%, #084248 80.6%, #074348 83.9%, #064447 87.1%, #054546 90.3%, #054545 93.5%, #064644 96.8%, #064644 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(39.37% 0.0400 269.30) 0.0%, oklch(39.16% 0.0408 267.97) 3.2%, oklch(38.88% 0.0420 266.29) 6.5%, oklch(38.54% 0.0434 264.31) 9.7%, oklch(38.17% 0.0449 262.08) 12.9%, oklch(37.76% 0.0466 259.67) 16.1%, oklch(37.35% 0.0482 257.13) 19.4%, oklch(36.95% 0.0498 254.52) 22.6%, oklch(36.56% 0.0513 251.90) 25.8%, oklch(36.21% 0.0525 249.32) 29.0%, oklch(35.91% 0.0535 246.84) 32.3%, oklch(35.66% 0.0541 244.48) 35.5%, oklch(35.43% 0.0545 242.14) 38.7%, oklch(35.20% 0.0546 239.78) 41.9%, oklch(34.99% 0.0545 237.42) 45.2%, oklch(34.81% 0.0544 235.03) 48.4%, oklch(34.64% 0.0541 232.62) 51.6%, oklch(34.50% 0.0539 230.16) 54.8%, oklch(34.39% 0.0537 227.66) 58.1%, oklch(34.31% 0.0536 225.10) 61.3%, oklch(34.26% 0.0536 222.48) 64.5%, oklch(34.26% 0.0538 219.76) 67.7%, oklch(34.31% 0.0542 216.77) 71.0%, oklch(34.43% 0.0547 213.52) 74.2%, oklch(34.58% 0.0553 210.11) 77.4%, oklch(34.77% 0.0559 206.64) 80.6%, oklch(34.98% 0.0566 203.21) 83.9%, oklch(35.19% 0.0573 199.92) 87.1%, oklch(35.39% 0.0579 196.86) 90.3%, oklch(35.57% 0.0584 194.12) 93.5%, oklch(35.72% 0.0589 191.82) 96.8%, oklch(35.83% 0.0593 190.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.04 | 269.3 |
| 2 | 0.358 | 0.054 | 246 |
| 3 | 0.343 | 0.054 | 220.7 |
| 4 | 0.358 | 0.059 | 190 |

## In these collections

- [Zoom background gradients](https://grabient.com/zoom-background-gradients)

## Other forms

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