# Canola Light in Deep Blue

Blue, brown, olive and navy radial gradient with 56 colors: #205b89, #175e89, #036188, #006583, #00687d, #006b78, #006f73, #00736d, #007765, #0a7a5b, #2c7c50, #417c45, #547c3a, #637c30, #717b27, #7d7a21, #87791e, #8f781e, #957820, #997823, #9d7927, #a07b2c, #a27d30, #a48035, #a68239, #a7863d, #a78941, #a78c45, #a68f49, #a5924d, #a39551, #a09755, #9c9959, #989b5c, #939b5f, #8d9b61, #879b63, #809965, #779766, #6c9366, #608e67, #538967, #458268, #367b68, #267368, #166b67, #026265, #005862, #004f5f, #00465b, #003e57, #003654, #032f50, #07284c, #0a2348, #0d1f45. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, brown, olive and navy radial gradient
- Seed: `kUdEavSqctVMdRIfm8_g`
- Page: https://grabient.com/kUdEavSqctVMdRIfm8_g?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#205b89` | `oklch(45.67% 0.0965 246.09)` | Sapphire Lace | white, 7.1 to 1 |
| 2 | `#175e89` | `oklch(46.07% 0.0968 241.07)` | Blue Flame | white, 7 to 1 |
| 3 | `#036188` | `oklch(46.56% 0.0974 234.69)` | Ink Blotch | white, 6.8 to 1 |
| 4 | `#006583` | `oklch(47.13% 0.0911 227.17)` | Journey Into Night | white, 6.6 to 1 |
| 5 | `#00687d` | `oklch(47.76% 0.0861 218.60)` | Tahitian Tide | white, 6.4 to 1 |
| 6 | `#006b78` | `oklch(48.45% 0.0836 209.21)` | Mary Blue | white, 6.1 to 1 |
| 7 | `#006f73` | `oklch(49.19% 0.0836 199.15)` | Active Turquoise | white, 5.9 to 1 |
| 8 | `#00736d` | `oklch(49.97% 0.0867 188.60)` | Reef | white, 5.7 to 1 |
| 9 | `#007765` | `oklch(50.78% 0.0936 177.74)` | Teal Waters | white, 5.5 to 1 |
| 10 | `#0a7a5b` | `oklch(51.61% 0.1035 166.76)` | Emerald Dream | white, 5.3 to 1 |
| 11 | `#2c7c50` | `oklch(52.45% 0.1045 155.79)` | Canadian Pine | white, 5.1 to 1 |
| 12 | `#417c45` | `oklch(53.29% 0.1053 145.03)` | Hills of Ireland | white, 4.9 to 1 |
| 13 | `#547c3a` | `oklch(54.13% 0.1061 134.64)` | Luscious Lemongrass | white, 4.8 to 1 |
| 14 | `#637c30` | `oklch(54.95% 0.1068 124.79)` | Dirty Green | white, 4.7 to 1 |
| 15 | `#717b27` | `oklch(55.75% 0.1073 115.67)` | Ripe Green | white, 4.5 to 1 |
| 16 | `#7d7a21` | `oklch(56.51% 0.1077 107.43)` | Tool Green | black, 4.6 to 1 |
| 17 | `#87791e` | `oklch(57.22% 0.1079 100.26)` | Jīn Zōng Gold | black, 4.7 to 1 |
| 18 | `#8f781e` | `oklch(57.88% 0.1079 94.33)` | Jīn Zōng Gold | black, 4.8 to 1 |
| 19 | `#957820` | `oklch(58.48% 0.1076 89.80)` | Bhūrā Brown | black, 4.9 to 1 |
| 20 | `#997823` | `oklch(59.04% 0.1071 86.68)` | Fernweh | black, 5 to 1 |
| 21 | `#9d7927` | `oklch(59.68% 0.1063 84.45)` | Nataneyu Gold | black, 5.2 to 1 |
| 22 | `#a07b2c` | `oklch(60.40% 0.1053 83.02)` | Arlington Bronze | black, 5.3 to 1 |
| 23 | `#a27d30` | `oklch(61.16% 0.1041 82.34)` | Arlington Bronze | black, 5.5 to 1 |
| 24 | `#a48035` | `oklch(61.95% 0.1026 82.37)` | Cloisonné Gold | black, 5.7 to 1 |
| 25 | `#a68239` | `oklch(62.75% 0.1010 83.05)` | Indian Brass | black, 5.8 to 1 |
| 26 | `#a7863d` | `oklch(63.55% 0.0993 84.34)` | Saffron Valley | black, 6 to 1 |
| 27 | `#a78941` | `oklch(64.31% 0.0975 86.18)` | Peanut Brittle | black, 6.2 to 1 |
| 28 | `#a78c45` | `oklch(65.02% 0.0956 88.54)` | Plaguelands Beige | black, 6.4 to 1 |
| 29 | `#a68f49` | `oklch(65.67% 0.0937 91.35)` | Salted Capers | black, 6.6 to 1 |
| 30 | `#a5924d` | `oklch(66.22% 0.0918 94.58)` | Salted Capers | black, 6.8 to 1 |
| 31 | `#a39551` | `oklch(66.66% 0.0898 98.17)` | Backroom Ember | black, 6.9 to 1 |
| 32 | `#a09755` | `oklch(66.98% 0.0880 102.07)` | Stem | black, 7 to 1 |
| 33 | `#9c9959` | `oklch(67.14% 0.0862 106.24)` | Stem | black, 7.1 to 1 |
| 34 | `#989b5c` | `oklch(67.14% 0.0846 110.62)` | Stem | black, 7.1 to 1 |
| 35 | `#939b5f` | `oklch(66.95% 0.0830 115.17)` | Vitality | black, 7.1 to 1 |
| 36 | `#8d9b61` | `oklch(66.54% 0.0817 119.83)` | Reptilian Leader | black, 7 to 1 |
| 37 | `#879b63` | `oklch(65.91% 0.0806 124.57)` | Tendril | black, 6.8 to 1 |
| 38 | `#809965` | `oklch(65.02% 0.0796 129.38)` | Pea Aubergine | black, 6.6 to 1 |
| 39 | `#779766` | `oklch(63.78% 0.0789 134.90)` | Mosslands | black, 6.3 to 1 |
| 40 | `#6c9366` | `oklch(62.20% 0.0782 141.25)` | Blade Green | black, 5.9 to 1 |
| 41 | `#608e67` | `oklch(60.31% 0.0777 148.31)` | Stone Green | black, 5.5 to 1 |
| 42 | `#538967` | `oklch(58.16% 0.0772 155.97)` | Saltwater Depth | black, 5.1 to 1 |
| 43 | `#458268` | `oklch(55.80% 0.0769 164.11)` | Bathing Beauty | black, 4.6 to 1 |
| 44 | `#367b68` | `oklch(53.26% 0.0766 172.63)` | Census | white, 5 to 1 |
| 45 | `#267368` | `oklch(50.59% 0.0764 181.41)` | Advantageous | white, 5.6 to 1 |
| 46 | `#166b67` | `oklch(47.83% 0.0762 190.34)` | Mosaic Tile | white, 6.3 to 1 |
| 47 | `#026265` | `oklch(45.03% 0.0761 199.31)` | Really Teal | white, 7.1 to 1 |
| 48 | `#005862` | `oklch(42.23% 0.0726 208.21)` | Entrapment | white, 8.1 to 1 |
| 49 | `#004f5f` | `oklch(39.46% 0.0705 216.93)` | Sandalwood Grey Blue | white, 9.1 to 1 |
| 50 | `#00465b` | `oklch(36.78% 0.0699 225.34)` | Loyal Blue | white, 10.3 to 1 |
| 51 | `#003e57` | `oklch(34.22% 0.0710 233.34)` | Maniac Mansion | white, 11.5 to 1 |
| 52 | `#003654` | `oklch(31.83% 0.0740 240.82)` | Night Dive | white, 12.6 to 1 |
| 53 | `#032f50` | `oklch(29.65% 0.0760 247.53)` | Indigo Black | white, 13.7 to 1 |
| 54 | `#07284c` | `oklch(27.72% 0.0759 253.59)` | Dark Tyrian Blue | white, 14.7 to 1 |
| 55 | `#0a2348` | `oklch(26.09% 0.0759 258.79)` | Dark Eclipse | white, 15.5 to 1 |
| 56 | `#0d1f45` | `oklch(24.80% 0.0758 263.00)` | Dark Eclipse | white, 16.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #205b89 0.0%, #175e89 1.8%, #036188 3.6%, #006583 5.5%, #00687d 7.3%, #006b78 9.1%, #006f73 10.9%, #00736d 12.7%, #007765 14.5%, #0a7a5b 16.4%, #2c7c50 18.2%, #417c45 20.0%, #547c3a 21.8%, #637c30 23.6%, #717b27 25.5%, #7d7a21 27.3%, #87791e 29.1%, #8f781e 30.9%, #957820 32.7%, #997823 34.5%, #9d7927 36.4%, #a07b2c 38.2%, #a27d30 40.0%, #a48035 41.8%, #a68239 43.6%, #a7863d 45.5%, #a78941 47.3%, #a78c45 49.1%, #a68f49 50.9%, #a5924d 52.7%, #a39551 54.5%, #a09755 56.4%, #9c9959 58.2%, #989b5c 60.0%, #939b5f 61.8%, #8d9b61 63.6%, #879b63 65.5%, #809965 67.3%, #779766 69.1%, #6c9366 70.9%, #608e67 72.7%, #538967 74.5%, #458268 76.4%, #367b68 78.2%, #267368 80.0%, #166b67 81.8%, #026265 83.6%, #005862 85.5%, #004f5f 87.3%, #00465b 89.1%, #003e57 90.9%, #003654 92.7%, #032f50 94.5%, #07284c 96.4%, #0a2348 98.2%, #0d1f45 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(45.67% 0.0965 246.09) 0.0%, oklch(46.07% 0.0968 241.07) 1.8%, oklch(46.56% 0.0974 234.69) 3.6%, oklch(47.13% 0.0911 227.17) 5.5%, oklch(47.76% 0.0861 218.60) 7.3%, oklch(48.45% 0.0836 209.21) 9.1%, oklch(49.19% 0.0836 199.15) 10.9%, oklch(49.97% 0.0867 188.60) 12.7%, oklch(50.78% 0.0936 177.74) 14.5%, oklch(51.61% 0.1035 166.76) 16.4%, oklch(52.45% 0.1045 155.79) 18.2%, oklch(53.29% 0.1053 145.03) 20.0%, oklch(54.13% 0.1061 134.64) 21.8%, oklch(54.95% 0.1068 124.79) 23.6%, oklch(55.75% 0.1073 115.67) 25.5%, oklch(56.51% 0.1077 107.43) 27.3%, oklch(57.22% 0.1079 100.26) 29.1%, oklch(57.88% 0.1079 94.33) 30.9%, oklch(58.48% 0.1076 89.80) 32.7%, oklch(59.04% 0.1071 86.68) 34.5%, oklch(59.68% 0.1063 84.45) 36.4%, oklch(60.40% 0.1053 83.02) 38.2%, oklch(61.16% 0.1041 82.34) 40.0%, oklch(61.95% 0.1026 82.37) 41.8%, oklch(62.75% 0.1010 83.05) 43.6%, oklch(63.55% 0.0993 84.34) 45.5%, oklch(64.31% 0.0975 86.18) 47.3%, oklch(65.02% 0.0956 88.54) 49.1%, oklch(65.67% 0.0937 91.35) 50.9%, oklch(66.22% 0.0918 94.58) 52.7%, oklch(66.66% 0.0898 98.17) 54.5%, oklch(66.98% 0.0880 102.07) 56.4%, oklch(67.14% 0.0862 106.24) 58.2%, oklch(67.14% 0.0846 110.62) 60.0%, oklch(66.95% 0.0830 115.17) 61.8%, oklch(66.54% 0.0817 119.83) 63.6%, oklch(65.91% 0.0806 124.57) 65.5%, oklch(65.02% 0.0796 129.38) 67.3%, oklch(63.78% 0.0789 134.90) 69.1%, oklch(62.20% 0.0782 141.25) 70.9%, oklch(60.31% 0.0777 148.31) 72.7%, oklch(58.16% 0.0772 155.97) 74.5%, oklch(55.80% 0.0769 164.11) 76.4%, oklch(53.26% 0.0766 172.63) 78.2%, oklch(50.59% 0.0764 181.41) 80.0%, oklch(47.83% 0.0762 190.34) 81.8%, oklch(45.03% 0.0761 199.31) 83.6%, oklch(42.23% 0.0726 208.21) 85.5%, oklch(39.46% 0.0705 216.93) 87.3%, oklch(36.78% 0.0699 225.34) 89.1%, oklch(34.22% 0.0710 233.34) 90.9%, oklch(31.83% 0.0740 240.82) 92.7%, oklch(29.65% 0.0760 247.53) 94.5%, oklch(27.72% 0.0759 253.59) 96.4%, oklch(26.09% 0.0759 258.79) 98.2%, oklch(24.80% 0.0758 263.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.457 | 0.096 | 246.1 |
| 2 | 0.587 | 0.107 | 88.6 |
| 3 | 0.654 | 0.08 | 127.7 |
| 4 | 0.248 | 0.076 | 263 |

## In these collections

- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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