#001811 - #B6BDBB | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #001811 to #B6BDBB

#001811 #B6BDBB

Calculate the color between two colors, #001811 and #B6BDBB. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#001811 - #B6BDBB | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #001811 as 0% and #B6BDBB as 100%.

0.0%	0.0% #001811	RGB 0 24 17	#001811
16.7%	16.7% #1E332D	RGB 30 51 45	#1E332D
33.3%	33.3% #3C4F49	RGB 60 79 73	#3C4F49
50.0%	50.0% #5B6A66	RGB 91 106 102	#5B6A66
66.7%	66.7% #798682	RGB 121 134 130	#798682
83.3%	83.3% #97A19E	RGB 151 161 158	#97A19E
100.0%	100.0% #B6BDBB	RGB 182 189 187	#B6BDBB

#001811 #1E332D #3C4F49 #5B6A66 #798682 #97A19E #B6BDBB

#001811 - #B6BDBB

HSV Blend

#001811 - #B6BDBB | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #001811 as 0% and #B6BDBB as 100%.

0.0%	0.0% #001811	RGB 0 24 17	#001811
16.7%	16.7% #083326	RGB 8 51 38	#083326
33.3%	33.3% #194F3F	RGB 25 79 63	#194F3F
50.0%	50.0% #336A5A	RGB 51 106 90	#336A5A
66.7%	66.7% #568678	RGB 86 134 120	#568678
83.3%	83.3% #81A198	RGB 129 161 152	#81A198
100.0%	100.0% #B6BDBB	RGB 182 189 187	#B6BDBB

#001811 #083326 #194F3F #336A5A #568678 #81A198 #B6BDBB

#001811 - #336A5A - #B6BDBB

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #001811 0%, #B6BDBB 100%);
    background: -webkit-linear-gradient(top, #001811 0%, #B6BDBB 100%);
    background: linear-gradient(to bottom, #001811 0%, #B6BDBB 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001811 0%, #336A5A 50%, #B6BDBB 100%);
    background: -webkit-linear-gradient(top, #001811 0%, #336A5A 50%, #B6BDBB 100%);
    background: linear-gradient(to bottom, #001811 0%, #336A5A 50%, #B6BDBB 100%);
}
</style>