# Soft muted teal deep gold green rings

Rainbow from blue to green radial gradient with 56 colors: #4a8a86, #458788, #408389, #3b7e8a, #36798a, #34728b, #346a8a, #366288, #3a5986, #3f5081, #44477b, #483e74, #4c356b, #502d61, #522656, #54204b, #561a3f, #571635, #59132b, #5a1321, #5c1518, #5e190c, #5f1f00, #5d2900, #5d3100, #5d3900, #5e4100, #5e4800, #5e5100, #5d5900, #5a610e, #576920, #52702f, #4e763b, #497c46, #45804f, #408457, #3b865d, #378762, #348865, #318867, #2e8767, #2c8667, #2a8566, #288364, #278161, #267f5e, #267d5a, #257b57, #267953, #26764f, #26744c, #267349, #267147, #267045, #266f44. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from blue to green radial gradient
- Seed: `kUljCHqCVU8cj0W9pL-g`
- Page: https://grabient.com/kUljCHqCVU8cj0W9pL-g?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: vivid, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.4 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 | `#4a8a86` | `oklch(59.06% 0.0661 190.55)` | Evora | black, 5.2 to 1 |
| 2 | `#458788` | `oklch(58.15% 0.0673 195.94)` | Sea Caller | black, 5 to 1 |
| 3 | `#408389` | `oklch(56.97% 0.0687 202.38)` | Shady Blue | black, 4.8 to 1 |
| 4 | `#3b7e8a` | `oklch(55.54% 0.0704 209.77)` | Wish Upon a Star | white, 4.6 to 1 |
| 5 | `#36798a` | `oklch(53.91% 0.0723 217.99)` | Adventure | white, 4.9 to 1 |
| 6 | `#34728b` | `oklch(52.12% 0.0744 226.96)` | Bengal Blue | white, 5.3 to 1 |
| 7 | `#346a8a` | `oklch(50.20% 0.0767 236.57)` | Ocean Call | white, 5.8 to 1 |
| 8 | `#366288` | `oklch(48.20% 0.0790 246.71)` | Mississippi River | white, 6.4 to 1 |
| 9 | `#3a5986` | `oklch(46.15% 0.0814 257.30)` | Handsome Blue | white, 7 to 1 |
| 10 | `#3f5081` | `oklch(44.09% 0.0839 268.22)` | St. Tropaz | white, 7.8 to 1 |
| 11 | `#44477b` | `oklch(42.06% 0.0864 279.38)` | Highlands Twilight | white, 8.6 to 1 |
| 12 | `#483e74` | `oklch(40.10% 0.0888 290.68)` | Deep Wisteria | white, 9.4 to 1 |
| 13 | `#4c356b` | `oklch(38.25% 0.0911 302.01)` | Petunia | white, 10.2 to 1 |
| 14 | `#502d61` | `oklch(36.54% 0.0934 313.27)` | Royal Crown | white, 11 to 1 |
| 15 | `#522656` | `oklch(35.02% 0.0955 324.37)` | Kuwanomi Purple | white, 11.8 to 1 |
| 16 | `#54204b` | `oklch(33.72% 0.0974 335.20)` | Violet Carmine | white, 12.4 to 1 |
| 17 | `#561a3f` | `oklch(32.68% 0.0991 345.67)` | Tulip Poplar Purple | white, 12.9 to 1 |
| 18 | `#571635` | `oklch(31.94% 0.1005 355.66)` | Tulip Poplar Purple | white, 13.3 to 1 |
| 19 | `#59132b` | `oklch(31.55% 0.1017 5.08)` | Drops of God | white, 13.5 to 1 |
| 20 | `#5a1321` | `oklch(31.53% 0.1025 14.06)` | Chocolate Cosmos | white, 13.5 to 1 |
| 21 | `#5c1518` | `oklch(31.88% 0.1031 23.21)` | Spinel Red | white, 13.3 to 1 |
| 22 | `#5e190c` | `oklch(32.57% 0.1034 32.53)` | Altar Wine | white, 12.9 to 1 |
| 23 | `#5f1f00` | `oklch(33.57% 0.1016 41.81)` | Raw Chocolate | white, 12.4 to 1 |
| 24 | `#5d2900` | `oklch(34.81% 0.0903 51.31)` | Count Chocula | white, 11.7 to 1 |
| 25 | `#5d3100` | `oklch(36.26% 0.0844 60.82)` | Chocolate Fantasies | white, 11 to 1 |
| 26 | `#5d3900` | `oklch(37.89% 0.0819 70.27)` | Hippogriff Brown | white, 10.2 to 1 |
| 27 | `#5e4100` | `oklch(39.65% 0.0822 79.60)` | Mud Brown | white, 9.4 to 1 |
| 28 | `#5e4800` | `oklch(41.50% 0.0848 88.76)` | Mud Brown | white, 8.6 to 1 |
| 29 | `#5e5100` | `oklch(43.40% 0.0896 97.67)` | Olive Brown | white, 7.9 to 1 |
| 30 | `#5d5900` | `oklch(45.31% 0.0968 106.28)` | Greensboro | white, 7.2 to 1 |
| 31 | `#5a610e` | `oklch(47.19% 0.1005 114.52)` | Kirchner Green | white, 6.6 to 1 |
| 32 | `#576920` | `oklch(49.00% 0.0999 122.34)` | Bowser Shell | white, 6 to 1 |
| 33 | `#52702f` | `oklch(50.69% 0.0994 129.70)` | Loren Forest | white, 5.6 to 1 |
| 34 | `#4e763b` | `oklch(52.23% 0.0989 136.51)` | Nereus | white, 5.2 to 1 |
| 35 | `#497c46` | `oklch(53.58% 0.0984 142.74)` | Mint Green | white, 4.9 to 1 |
| 36 | `#45804f` | `oklch(54.69% 0.0981 148.32)` | Tarmac Green | white, 4.7 to 1 |
| 37 | `#408457` | `oklch(55.52% 0.0979 153.20)` | Kilkenny | black, 4.6 to 1 |
| 38 | `#3b865d` | `oklch(56.05% 0.0978 157.30)` | Chrysocolla Green | black, 4.7 to 1 |
| 39 | `#378762` | `oklch(56.34% 0.0978 160.56)` | Chrysocolla Green | black, 4.8 to 1 |
| 40 | `#348865` | `oklch(56.45% 0.0979 163.02)` | Chrysocolla Green | black, 4.8 to 1 |
| 41 | `#318867` | `oklch(56.38% 0.0980 164.75)` | Chrysocolla Green | black, 4.8 to 1 |
| 42 | `#2e8767` | `oklch(56.18% 0.0981 165.82)` | Chrysocolla Green | black, 4.7 to 1 |
| 43 | `#2c8667` | `oklch(55.84% 0.0982 166.32)` | Accent Green Blue | black, 4.7 to 1 |
| 44 | `#2a8566` | `oklch(55.39% 0.0984 166.32)` | Accent Green Blue | black, 4.6 to 1 |
| 45 | `#288364` | `oklch(54.85% 0.0986 165.88)` | Accent Green Blue | white, 4.6 to 1 |
| 46 | `#278161` | `oklch(54.24% 0.0988 165.09)` | Accent Green Blue | white, 4.7 to 1 |
| 47 | `#267f5e` | `oklch(53.58% 0.0990 164.02)` | Verdant Green | white, 4.8 to 1 |
| 48 | `#267d5a` | `oklch(52.88% 0.0992 162.74)` | Verdant Green | white, 5 to 1 |
| 49 | `#257b57` | `oklch(52.17% 0.0994 161.33)` | Canadian Pine | white, 5.1 to 1 |
| 50 | `#267953` | `oklch(51.47% 0.0996 159.85)` | Opal Green | white, 5.3 to 1 |
| 51 | `#26764f` | `oklch(50.79% 0.0999 158.40)` | Opal Green | white, 5.5 to 1 |
| 52 | `#26744c` | `oklch(50.15% 0.1000 157.03)` | Felt | white, 5.6 to 1 |
| 53 | `#267349` | `oklch(49.58% 0.1002 155.82)` | Felt | white, 5.8 to 1 |
| 54 | `#267147` | `oklch(49.09% 0.1004 154.85)` | Felt | white, 5.9 to 1 |
| 55 | `#267045` | `oklch(48.70% 0.1005 154.19)` | Cloudy Camouflage | white, 6 to 1 |
| 56 | `#266f44` | `oklch(48.43% 0.1006 153.91)` | Cloudy Camouflage | white, 6.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4a8a86 0.0%, #458788 1.8%, #408389 3.6%, #3b7e8a 5.5%, #36798a 7.3%, #34728b 9.1%, #346a8a 10.9%, #366288 12.7%, #3a5986 14.5%, #3f5081 16.4%, #44477b 18.2%, #483e74 20.0%, #4c356b 21.8%, #502d61 23.6%, #522656 25.5%, #54204b 27.3%, #561a3f 29.1%, #571635 30.9%, #59132b 32.7%, #5a1321 34.5%, #5c1518 36.4%, #5e190c 38.2%, #5f1f00 40.0%, #5d2900 41.8%, #5d3100 43.6%, #5d3900 45.5%, #5e4100 47.3%, #5e4800 49.1%, #5e5100 50.9%, #5d5900 52.7%, #5a610e 54.5%, #576920 56.4%, #52702f 58.2%, #4e763b 60.0%, #497c46 61.8%, #45804f 63.6%, #408457 65.5%, #3b865d 67.3%, #378762 69.1%, #348865 70.9%, #318867 72.7%, #2e8767 74.5%, #2c8667 76.4%, #2a8566 78.2%, #288364 80.0%, #278161 81.8%, #267f5e 83.6%, #267d5a 85.5%, #257b57 87.3%, #267953 89.1%, #26764f 90.9%, #26744c 92.7%, #267349 94.5%, #267147 96.4%, #267045 98.2%, #266f44 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(59.06% 0.0661 190.55) 0.0%, oklch(58.15% 0.0673 195.94) 1.8%, oklch(56.97% 0.0687 202.38) 3.6%, oklch(55.54% 0.0704 209.77) 5.5%, oklch(53.91% 0.0723 217.99) 7.3%, oklch(52.12% 0.0744 226.96) 9.1%, oklch(50.20% 0.0767 236.57) 10.9%, oklch(48.20% 0.0790 246.71) 12.7%, oklch(46.15% 0.0814 257.30) 14.5%, oklch(44.09% 0.0839 268.22) 16.4%, oklch(42.06% 0.0864 279.38) 18.2%, oklch(40.10% 0.0888 290.68) 20.0%, oklch(38.25% 0.0911 302.01) 21.8%, oklch(36.54% 0.0934 313.27) 23.6%, oklch(35.02% 0.0955 324.37) 25.5%, oklch(33.72% 0.0974 335.20) 27.3%, oklch(32.68% 0.0991 345.67) 29.1%, oklch(31.94% 0.1005 355.66) 30.9%, oklch(31.55% 0.1017 5.08) 32.7%, oklch(31.53% 0.1025 14.06) 34.5%, oklch(31.88% 0.1031 23.21) 36.4%, oklch(32.57% 0.1034 32.53) 38.2%, oklch(33.57% 0.1016 41.81) 40.0%, oklch(34.81% 0.0903 51.31) 41.8%, oklch(36.26% 0.0844 60.82) 43.6%, oklch(37.89% 0.0819 70.27) 45.5%, oklch(39.65% 0.0822 79.60) 47.3%, oklch(41.50% 0.0848 88.76) 49.1%, oklch(43.40% 0.0896 97.67) 50.9%, oklch(45.31% 0.0968 106.28) 52.7%, oklch(47.19% 0.1005 114.52) 54.5%, oklch(49.00% 0.0999 122.34) 56.4%, oklch(50.69% 0.0994 129.70) 58.2%, oklch(52.23% 0.0989 136.51) 60.0%, oklch(53.58% 0.0984 142.74) 61.8%, oklch(54.69% 0.0981 148.32) 63.6%, oklch(55.52% 0.0979 153.20) 65.5%, oklch(56.05% 0.0978 157.30) 67.3%, oklch(56.34% 0.0978 160.56) 69.1%, oklch(56.45% 0.0979 163.02) 70.9%, oklch(56.38% 0.0980 164.75) 72.7%, oklch(56.18% 0.0981 165.82) 74.5%, oklch(55.84% 0.0982 166.32) 76.4%, oklch(55.39% 0.0984 166.32) 78.2%, oklch(54.85% 0.0986 165.88) 80.0%, oklch(54.24% 0.0988 165.09) 81.8%, oklch(53.58% 0.0990 164.02) 83.6%, oklch(52.88% 0.0992 162.74) 85.5%, oklch(52.17% 0.0994 161.33) 87.3%, oklch(51.47% 0.0996 159.85) 89.1%, oklch(50.79% 0.0999 158.40) 90.9%, oklch(50.15% 0.1000 157.03) 92.7%, oklch(49.58% 0.1002 155.82) 94.5%, oklch(49.09% 0.1004 154.85) 96.4%, oklch(48.70% 0.1005 154.19) 98.2%, oklch(48.43% 0.1006 153.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.591 | 0.066 | 190.5 |
| 2 | 0.315 | 0.102 | 368.1 |
| 3 | 0.559 | 0.098 | 516 |
| 4 | 0.484 | 0.101 | 513.9 |

## In these collections

- [School uniform](https://grabient.com/school-uniform)

## Other forms

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