#001512 - #B6BCBB | 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 #001512 to #B6BCBB

#001512 #B6BCBB

Calculate the color between two colors, #001512 and #B6BCBB. 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)

#001512 - #B6BCBB | 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 #001512 as 0% and #B6BCBB as 100%.

0.0%	0.0% #001512	RGB 0 21 18	#001512
16.7%	16.7% #1E302E	RGB 30 48 46	#1E302E
33.3%	33.3% #3C4C4A	RGB 60 76 74	#3C4C4A
50.0%	50.0% #5B6866	RGB 91 104 102	#5B6866
66.7%	66.7% #798482	RGB 121 132 130	#798482
83.3%	83.3% #97A09E	RGB 151 160 158	#97A09E
100.0%	100.0% #B6BCBB	RGB 182 188 187	#B6BCBB

#001512 #1E302E #3C4C4A #5B6866 #798482 #97A09E #B6BCBB

#001512 - #B6BCBB

HSV Blend

#001512 - #B6BCBB | 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 #001512 as 0% and #B6BCBB as 100%.

0.0%	0.0% #001512	RGB 0 21 18	#001512
16.7%	16.7% #07302A	RGB 7 48 42	#07302A
33.3%	33.3% #184C44	RGB 24 76 68	#184C44
50.0%	50.0% #326860	RGB 50 104 96	#326860
66.7%	66.7% #55847C	RGB 85 132 124	#55847C
83.3%	83.3% #81A09B	RGB 129 160 155	#81A09B
100.0%	100.0% #B6BCBB	RGB 182 188 187	#B6BCBB

#001512 #07302A #184C44 #326860 #55847C #81A09B #B6BCBB

#001512 - #326860 - #B6BCBB

CSS codes

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

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