# Navy teal pale green glow

Off-white, teal and blue radial gradient with 32 colors: #f2fadf, #e0efd2, #c6dfc3, #a6ccb3, #82b7a6, #5da09b, #3a8891, #1e6f87, #0f597e, #104674, #15376b, #192f65, #1c2b63, #1f2c62, #232f64, #273568, #2b3c6c, #2f4371, #324b76, #35527a, #37577d, #375b7e, #345d7e, #30607d, #2a627c, #236479, #1b6676, #136771, #0d686d, #0a6968, #0b6964, #0e6a60. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Off-white, teal and blue radial gradient
- Seed: `kU9xtWqqRQboaPq8HTgA`
- Page: https://grabient.com/kU9xtWqqRQboaPq8HTgA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 12.3 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 | `#f2fadf` | `oklch(97.24% 0.0372 121.64)` | Sprig of Sage | black, 19.5 to 1 |
| 2 | `#e0efd2` | `oklch(93.27% 0.0411 130.27)` | Light Greenette | black, 17.4 to 1 |
| 3 | `#c6dfc3` | `oklch(87.77% 0.0467 142.13)` | Shanghai Silk | black, 14.7 to 1 |
| 4 | `#a6ccb3` | `oklch(81.12% 0.0534 156.43)` | Calculus | black, 11.9 to 1 |
| 5 | `#82b7a6` | `oklch(73.70% 0.0608 172.39)` | Key Largo | black, 9.2 to 1 |
| 6 | `#5da09b` | `oklch(65.90% 0.0686 189.21)` | Teal Bayou | black, 6.9 to 1 |
| 7 | `#3a8891` | `oklch(58.10% 0.0764 206.12)` | Seachange | black, 5 to 1 |
| 8 | `#1e6f87` | `oklch(50.66% 0.0837 222.32)` | Blue Jay Crest | white, 5.6 to 1 |
| 9 | `#0f597e` | `oklch(43.98% 0.0900 237.04)` | Commandes | white, 7.6 to 1 |
| 10 | `#104674` | `oklch(38.44% 0.0951 249.47)` | Medici Blue | white, 9.8 to 1 |
| 11 | `#15376b` | `oklch(34.41% 0.0985 258.83)` | Lost in Space | white, 11.6 to 1 |
| 12 | `#192f65` | `oklch(32.13% 0.0999 264.80)` | Mythical Night | white, 12.8 to 1 |
| 13 | `#1c2b63` | `oklch(31.24% 0.0995 268.55)` | Schiava Blue | white, 13.2 to 1 |
| 14 | `#1f2c62` | `oklch(31.48% 0.0976 270.45)` | Mythical Night | white, 13.1 to 1 |
| 15 | `#232f64` | `oklch(32.62% 0.0946 270.74)` | Underwater Realm | white, 12.6 to 1 |
| 16 | `#273568` | `oklch(34.41% 0.0908 269.68)` | Passionate Blue | white, 11.7 to 1 |
| 17 | `#2b3c6c` | `oklch(36.63% 0.0867 267.53)` | Newport Indigo | white, 10.7 to 1 |
| 18 | `#2f4371` | `oklch(39.04% 0.0824 264.54)` | Bona Fide | white, 9.6 to 1 |
| 19 | `#324b76` | `oklch(41.40% 0.0784 260.98)` | Dragonfly | white, 8.7 to 1 |
| 20 | `#35527a` | `oklch(43.47% 0.0750 257.08)` | Bunting Blue | white, 7.9 to 1 |
| 21 | `#37577d` | `oklch(45.03% 0.0726 253.12)` | Star Spangled | white, 7.4 to 1 |
| 22 | `#375b7e` | `oklch(45.88% 0.0714 249.23)` | Matisse | white, 7.1 to 1 |
| 23 | `#345d7e` | `oklch(46.40% 0.0710 244.23)` | Matisse | white, 6.9 to 1 |
| 24 | `#30607d` | `oklch(46.78% 0.0713 238.01)` | Berry Blue | white, 6.8 to 1 |
| 25 | `#2a627c` | `oklch(47.02% 0.0720 230.89)` | Berry Blue | white, 6.6 to 1 |
| 26 | `#236479` | `oklch(47.16% 0.0730 223.21)` | Bold Bolection | white, 6.6 to 1 |
| 27 | `#1b6676` | `oklch(47.23% 0.0743 215.30)` | Bold Bolection | white, 6.5 to 1 |
| 28 | `#136771` | `oklch(47.24% 0.0757 207.49)` | Kingfisher Bright | white, 6.5 to 1 |
| 29 | `#0d686d` | `oklch(47.22% 0.0771 200.13)` | Tahitian Treat | white, 6.5 to 1 |
| 30 | `#0a6968` | `oklch(47.20% 0.0783 193.53)` | Chinese Garden | white, 6.5 to 1 |
| 31 | `#0b6964` | `oklch(47.20% 0.0793 188.04)` | Butterfly Green | white, 6.4 to 1 |
| 32 | `#0e6a60` | `oklch(47.24% 0.0799 183.99)` | Evergreen Forest | white, 6.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f2fadf 0.0%, #e0efd2 3.2%, #c6dfc3 6.5%, #a6ccb3 9.7%, #82b7a6 12.9%, #5da09b 16.1%, #3a8891 19.4%, #1e6f87 22.6%, #0f597e 25.8%, #104674 29.0%, #15376b 32.3%, #192f65 35.5%, #1c2b63 38.7%, #1f2c62 41.9%, #232f64 45.2%, #273568 48.4%, #2b3c6c 51.6%, #2f4371 54.8%, #324b76 58.1%, #35527a 61.3%, #37577d 64.5%, #375b7e 67.7%, #345d7e 71.0%, #30607d 74.2%, #2a627c 77.4%, #236479 80.6%, #1b6676 83.9%, #136771 87.1%, #0d686d 90.3%, #0a6968 93.5%, #0b6964 96.8%, #0e6a60 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(97.24% 0.0372 121.64) 0.0%, oklch(93.27% 0.0411 130.27) 3.2%, oklch(87.77% 0.0467 142.13) 6.5%, oklch(81.12% 0.0534 156.43) 9.7%, oklch(73.70% 0.0608 172.39) 12.9%, oklch(65.90% 0.0686 189.21) 16.1%, oklch(58.10% 0.0764 206.12) 19.4%, oklch(50.66% 0.0837 222.32) 22.6%, oklch(43.98% 0.0900 237.04) 25.8%, oklch(38.44% 0.0951 249.47) 29.0%, oklch(34.41% 0.0985 258.83) 32.3%, oklch(32.13% 0.0999 264.80) 35.5%, oklch(31.24% 0.0995 268.55) 38.7%, oklch(31.48% 0.0976 270.45) 41.9%, oklch(32.62% 0.0946 270.74) 45.2%, oklch(34.41% 0.0908 269.68) 48.4%, oklch(36.63% 0.0867 267.53) 51.6%, oklch(39.04% 0.0824 264.54) 54.8%, oklch(41.40% 0.0784 260.98) 58.1%, oklch(43.47% 0.0750 257.08) 61.3%, oklch(45.03% 0.0726 253.12) 64.5%, oklch(45.88% 0.0714 249.23) 67.7%, oklch(46.40% 0.0710 244.23) 71.0%, oklch(46.78% 0.0713 238.01) 74.2%, oklch(47.02% 0.0720 230.89) 77.4%, oklch(47.16% 0.0730 223.21) 80.6%, oklch(47.23% 0.0743 215.30) 83.9%, oklch(47.24% 0.0757 207.49) 87.1%, oklch(47.22% 0.0771 200.13) 90.3%, oklch(47.20% 0.0783 193.53) 93.5%, oklch(47.20% 0.0793 188.04) 96.8%, oklch(47.24% 0.0799 183.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.972 | 0.037 | 121.6 |
| 2 | 0.335 | 0.099 | 261.1 |
| 3 | 0.457 | 0.072 | 250.6 |
| 4 | 0.472 | 0.08 | 184 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)

## Other forms

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