# Blue amber tinted lens

Blue, dark green, brown and gray radial gradient with 64 colors: #3f71b6, #3d70b3, #3b6eae, #396ca9, #376aa4, #35679d, #336497, #326190, #305e88, #2f5a81, #2e577a, #2d5373, #2c506c, #2b4d65, #2a4a5f, #2a475a, #294555, #294350, #29424d, #29414a, #294149, #294148, #294248, #294448, #284748, #284a49, #284d49, #295248, #2b5647, #305a45, #375f41, #40633d, #4b6637, #566a31, #636d2b, #6f6f24, #7b711f, #87731a, #917619, #9a781a, #a27a1d, #a87d21, #ac8127, #af852d, #b08a34, #af903b, #ad9645, #aa9c4f, #a5a35b, #a1a968, #9caf75, #98b483, #96b990, #95bc9d, #97bfa9, #9bc1b3, #a0c3bb, #a7c5c1, #aec6c6, #b5c7c9, #bbc8cb, #c1c9cc, #c6cacc, #c9cccd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, dark green, brown and gray radial gradient
- Seed: `kUi1i2rYu7VAqL9rAVFA`
- Page: https://grabient.com/kUi1i2rYu7VAqL9rAVFA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.7 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 | `#3f71b6` | `oklch(54.72% 0.1213 256.64)` | Campanula | white, 4.9 to 1 |
| 2 | `#3d70b3` | `oklch(54.18% 0.1187 255.73)` | Wide Sky | white, 5 to 1 |
| 3 | `#3b6eae` | `oklch(53.47% 0.1155 254.84)` | Nocturne Shade | white, 5.1 to 1 |
| 4 | `#396ca9` | `oklch(52.61% 0.1116 253.96)` | Nocturne Shade | white, 5.3 to 1 |
| 5 | `#376aa4` | `oklch(51.63% 0.1072 253.06)` | Star Sapphire | white, 5.5 to 1 |
| 6 | `#35679d` | `oklch(50.54% 0.1024 252.13)` | Summerday Blue | white, 5.8 to 1 |
| 7 | `#336497` | `oklch(49.36% 0.0971 251.15)` | Teeny Bikini | white, 6.1 to 1 |
| 8 | `#326190` | `oklch(48.12% 0.0916 250.10)` | Running Water | white, 6.4 to 1 |
| 9 | `#305e88` | `oklch(46.84% 0.0859 248.97)` | Bay Site | white, 6.8 to 1 |
| 10 | `#2f5a81` | `oklch(45.53% 0.0800 247.72)` | Dark Blue | white, 7.2 to 1 |
| 11 | `#2e577a` | `oklch(44.22% 0.0741 246.35)` | Venice Blue | white, 7.6 to 1 |
| 12 | `#2d5373` | `oklch(42.94% 0.0683 244.83)` | Heavy Blue | white, 8 to 1 |
| 13 | `#2c506c` | `oklch(41.69% 0.0626 243.15)` | Blue Lava | white, 8.5 to 1 |
| 14 | `#2b4d65` | `oklch(40.51% 0.0572 241.29)` | Singing the Blues | white, 8.9 to 1 |
| 15 | `#2a4a5f` | `oklch(39.41% 0.0520 239.22)` | Deep Ocean | white, 9.3 to 1 |
| 16 | `#2a475a` | `oklch(38.42% 0.0472 236.94)` | Black Forest Blue | white, 9.7 to 1 |
| 17 | `#294555` | `oklch(37.55% 0.0430 234.41)` | Blue Wing Teal | white, 10.1 to 1 |
| 18 | `#294350` | `oklch(36.83% 0.0392 231.63)` | Reflecting Pond | white, 10.4 to 1 |
| 19 | `#29424d` | `oklch(36.27% 0.0362 228.57)` | Green Vogue | white, 10.6 to 1 |
| 20 | `#29414a` | `oklch(35.91% 0.0338 225.21)` | Bakos Blue | white, 10.7 to 1 |
| 21 | `#294149` | `oklch(35.75% 0.0323 221.54)` | Japanese Indigo | white, 10.8 to 1 |
| 22 | `#294148` | `oklch(35.83% 0.0317 217.54)` | Japanese Indigo | white, 10.8 to 1 |
| 23 | `#294248` | `oklch(36.13% 0.0322 212.84)` | Japanese Indigo | white, 10.6 to 1 |
| 24 | `#294448` | `oklch(36.64% 0.0337 207.19)` | Ai Indigo | white, 10.4 to 1 |
| 25 | `#284748` | `oklch(37.34% 0.0363 200.69)` | Platoon Green | white, 10.1 to 1 |
| 26 | `#284a49` | `oklch(38.21% 0.0398 193.48)` | June Bug | white, 9.7 to 1 |
| 27 | `#284d49` | `oklch(39.24% 0.0440 185.69)` | Carriage Green | white, 9.2 to 1 |
| 28 | `#295248` | `oklch(40.40% 0.0488 177.42)` | Highland Green | white, 8.8 to 1 |
| 29 | `#2b5647` | `oklch(41.69% 0.0541 168.81)` | Fresh Mint | white, 8.3 to 1 |
| 30 | `#305a45` | `oklch(43.08% 0.0599 159.98)` | Billiard Green | white, 7.8 to 1 |
| 31 | `#375f41` | `oklch(44.56% 0.0659 151.06)` | Verde Garrafa | white, 7.3 to 1 |
| 32 | `#40633d` | `oklch(46.10% 0.0721 142.16)` | Friendly Fairway | white, 6.8 to 1 |
| 33 | `#4b6637` | `oklch(47.71% 0.0783 133.41)` | Garden Green | white, 6.4 to 1 |
| 34 | `#566a31` | `oklch(49.35% 0.0844 124.93)` | Fig Leaf | white, 6 to 1 |
| 35 | `#636d2b` | `oklch(51.01% 0.0903 116.85)` | Forest Spirit | white, 5.6 to 1 |
| 36 | `#6f6f24` | `oklch(52.67% 0.0959 109.28)` | Olivetone | white, 5.2 to 1 |
| 37 | `#7b711f` | `oklch(54.32% 0.1010 102.36)` | Wood Garlic | white, 4.9 to 1 |
| 38 | `#87731a` | `oklch(55.94% 0.1056 96.21)` | Garden Lettuce Green | white, 4.6 to 1 |
| 39 | `#917619` | `oklch(57.51% 0.1095 90.94)` | Jīn Zōng Gold | black, 4.7 to 1 |
| 40 | `#9a781a` | `oklch(59.02% 0.1126 86.68)` | Mesozoic Green | black, 5 to 1 |
| 41 | `#a27a1d` | `oklch(60.45% 0.1147 83.56)` | Nataneyu Gold | black, 5.3 to 1 |
| 42 | `#a87d21` | `oklch(61.78% 0.1158 81.70)` | Burnt Honey | black, 5.6 to 1 |
| 43 | `#ac8127` | `oklch(62.99% 0.1157 81.22)` | Bronze Leaf | black, 5.9 to 1 |
| 44 | `#af852d` | `oklch(64.15% 0.1145 82.26)` | Porchetta Crust | black, 6.2 to 1 |
| 45 | `#b08a34` | `oklch(65.33% 0.1122 84.77)` | Mineral Umber | black, 6.5 to 1 |
| 46 | `#af903b` | `oklch(66.53% 0.1090 88.63)` | Turmeric | black, 6.8 to 1 |
| 47 | `#ad9645` | `oklch(67.72% 0.1049 93.68)` | Semi Opal | black, 7.2 to 1 |
| 48 | `#aa9c4f` | `oklch(68.92% 0.1000 99.79)` | Organic Matter | black, 7.6 to 1 |
| 49 | `#a5a35b` | `oklch(70.12% 0.0945 106.83)` | Rickrack | black, 7.9 to 1 |
| 50 | `#a1a968` | `oklch(71.30% 0.0885 114.64)` | Spanish Olive | black, 8.3 to 1 |
| 51 | `#9caf75` | `oklch(72.48% 0.0820 123.10)` | Rural Eyes | black, 8.8 to 1 |
| 52 | `#98b483` | `oklch(73.63% 0.0752 132.06)` | Watercolour Green | black, 9.2 to 1 |
| 53 | `#96b990` | `oklch(74.76% 0.0681 141.39)` | Brookview | black, 9.5 to 1 |
| 54 | `#95bc9d` | `oklch(75.87% 0.0609 150.94)` | Green-Eyed Lady | black, 9.9 to 1 |
| 55 | `#97bfa9` | `oklch(76.94% 0.0536 160.57)` | Reeds | black, 10.3 to 1 |
| 56 | `#9bc1b3` | `oklch(77.97% 0.0464 170.15)` | Stanley | black, 10.6 to 1 |
| 57 | `#a0c3bb` | `oklch(78.96% 0.0393 179.54)` | Cascade Green | black, 11 to 1 |
| 58 | `#a7c5c1` | `oklch(79.90% 0.0325 188.59)` | Blende Blue | black, 11.3 to 1 |
| 59 | `#aec6c6` | `oklch(80.79% 0.0261 197.17)` | Blue Agave | black, 11.6 to 1 |
| 60 | `#b5c7c9` | `oklch(81.62% 0.0201 205.14)` | Misty Surf | black, 11.9 to 1 |
| 61 | `#bbc8cb` | `oklch(82.38% 0.0147 212.36)` | Hazy Blue | black, 12.2 to 1 |
| 62 | `#c1c9cc` | `oklch(83.08% 0.0099 218.68)` | Bay of Hope | black, 12.5 to 1 |
| 63 | `#c6cacc` | `oklch(83.71% 0.0059 223.98)` | Grey Screen | black, 12.7 to 1 |
| 64 | `#c9cccd` | `oklch(84.25% 0.0028 228.11)` | Where There Is Smoke | black, 12.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3f71b6 0.0%, #3d70b3 1.6%, #3b6eae 3.2%, #396ca9 4.8%, #376aa4 6.3%, #35679d 7.9%, #336497 9.5%, #326190 11.1%, #305e88 12.7%, #2f5a81 14.3%, #2e577a 15.9%, #2d5373 17.5%, #2c506c 19.0%, #2b4d65 20.6%, #2a4a5f 22.2%, #2a475a 23.8%, #294555 25.4%, #294350 27.0%, #29424d 28.6%, #29414a 30.2%, #294149 31.7%, #294148 33.3%, #294248 34.9%, #294448 36.5%, #284748 38.1%, #284a49 39.7%, #284d49 41.3%, #295248 42.9%, #2b5647 44.4%, #305a45 46.0%, #375f41 47.6%, #40633d 49.2%, #4b6637 50.8%, #566a31 52.4%, #636d2b 54.0%, #6f6f24 55.6%, #7b711f 57.1%, #87731a 58.7%, #917619 60.3%, #9a781a 61.9%, #a27a1d 63.5%, #a87d21 65.1%, #ac8127 66.7%, #af852d 68.3%, #b08a34 69.8%, #af903b 71.4%, #ad9645 73.0%, #aa9c4f 74.6%, #a5a35b 76.2%, #a1a968 77.8%, #9caf75 79.4%, #98b483 81.0%, #96b990 82.5%, #95bc9d 84.1%, #97bfa9 85.7%, #9bc1b3 87.3%, #a0c3bb 88.9%, #a7c5c1 90.5%, #aec6c6 92.1%, #b5c7c9 93.7%, #bbc8cb 95.2%, #c1c9cc 96.8%, #c6cacc 98.4%, #c9cccd 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(54.72% 0.1213 256.64) 0.0%, oklch(54.18% 0.1187 255.73) 1.6%, oklch(53.47% 0.1155 254.84) 3.2%, oklch(52.61% 0.1116 253.96) 4.8%, oklch(51.63% 0.1072 253.06) 6.3%, oklch(50.54% 0.1024 252.13) 7.9%, oklch(49.36% 0.0971 251.15) 9.5%, oklch(48.12% 0.0916 250.10) 11.1%, oklch(46.84% 0.0859 248.97) 12.7%, oklch(45.53% 0.0800 247.72) 14.3%, oklch(44.22% 0.0741 246.35) 15.9%, oklch(42.94% 0.0683 244.83) 17.5%, oklch(41.69% 0.0626 243.15) 19.0%, oklch(40.51% 0.0572 241.29) 20.6%, oklch(39.41% 0.0520 239.22) 22.2%, oklch(38.42% 0.0472 236.94) 23.8%, oklch(37.55% 0.0430 234.41) 25.4%, oklch(36.83% 0.0392 231.63) 27.0%, oklch(36.27% 0.0362 228.57) 28.6%, oklch(35.91% 0.0338 225.21) 30.2%, oklch(35.75% 0.0323 221.54) 31.7%, oklch(35.83% 0.0317 217.54) 33.3%, oklch(36.13% 0.0322 212.84) 34.9%, oklch(36.64% 0.0337 207.19) 36.5%, oklch(37.34% 0.0363 200.69) 38.1%, oklch(38.21% 0.0398 193.48) 39.7%, oklch(39.24% 0.0440 185.69) 41.3%, oklch(40.40% 0.0488 177.42) 42.9%, oklch(41.69% 0.0541 168.81) 44.4%, oklch(43.08% 0.0599 159.98) 46.0%, oklch(44.56% 0.0659 151.06) 47.6%, oklch(46.10% 0.0721 142.16) 49.2%, oklch(47.71% 0.0783 133.41) 50.8%, oklch(49.35% 0.0844 124.93) 52.4%, oklch(51.01% 0.0903 116.85) 54.0%, oklch(52.67% 0.0959 109.28) 55.6%, oklch(54.32% 0.1010 102.36) 57.1%, oklch(55.94% 0.1056 96.21) 58.7%, oklch(57.51% 0.1095 90.94) 60.3%, oklch(59.02% 0.1126 86.68) 61.9%, oklch(60.45% 0.1147 83.56) 63.5%, oklch(61.78% 0.1158 81.70) 65.1%, oklch(62.99% 0.1157 81.22) 66.7%, oklch(64.15% 0.1145 82.26) 68.3%, oklch(65.33% 0.1122 84.77) 69.8%, oklch(66.53% 0.1090 88.63) 71.4%, oklch(67.72% 0.1049 93.68) 73.0%, oklch(68.92% 0.1000 99.79) 74.6%, oklch(70.12% 0.0945 106.83) 76.2%, oklch(71.30% 0.0885 114.64) 77.8%, oklch(72.48% 0.0820 123.10) 79.4%, oklch(73.63% 0.0752 132.06) 81.0%, oklch(74.76% 0.0681 141.39) 82.5%, oklch(75.87% 0.0609 150.94) 84.1%, oklch(76.94% 0.0536 160.57) 85.7%, oklch(77.97% 0.0464 170.15) 87.3%, oklch(78.96% 0.0393 179.54) 88.9%, oklch(79.90% 0.0325 188.59) 90.5%, oklch(80.79% 0.0261 197.17) 92.1%, oklch(81.62% 0.0201 205.14) 93.7%, oklch(82.38% 0.0147 212.36) 95.2%, oklch(83.08% 0.0099 218.68) 96.8%, oklch(83.71% 0.0059 223.98) 98.4%, oklch(84.25% 0.0028 228.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.121 | 256.6 |
| 2 | 0.358 | 0.032 | 217.5 |
| 3 | 0.63 | 0.116 | 81.2 |
| 4 | 0.843 | 0.003 | 228.1 |

## In these collections

- [Glass gradients](https://grabient.com/glass-gradients)

## Other forms

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