#150F11 - #BCBABB | 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 #150F11 to #BCBABB

#150F11 #BCBABB

Calculate the color between two colors, #150F11 and #BCBABB. 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)

#150F11 - #BCBABB | 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 #150F11 as 0% and #BCBABB as 100%.

0.0%	0.0% #150F11	RGB 21 15 17	#150F11
16.7%	16.7% #302B2D	RGB 48 43 45	#302B2D
33.3%	33.3% #4C4849	RGB 76 72 73	#4C4849
50.0%	50.0% #686466	RGB 104 100 102	#686466
66.7%	66.7% #848182	RGB 132 129 130	#848182
83.3%	83.3% #A09D9E	RGB 160 157 158	#A09D9E
100.0%	100.0% #BCBABB	RGB 188 186 187	#BCBABB

#150F11 #302B2D #4C4849 #686466 #848182 #A09D9E #BCBABB

#150F11 - #BCBABB

HSV Blend

#150F11 - #BCBABB | 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 #150F11 as 0% and #BCBABB as 100%.

0.0%	0.0% #150F11	RGB 21 15 17	#150F11
16.7%	16.7% #302529	RGB 48 37 41	#302529
33.3%	33.3% #4C3D43	RGB 76 61 67	#4C3D43
50.0%	50.0% #68595F	RGB 104 89 95	#68595F
66.7%	66.7% #84767C	RGB 132 118 124	#84767C
83.3%	83.3% #A0979B	RGB 160 151 155	#A0979B
100.0%	100.0% #BCBABB	RGB 188 186 187	#BCBABB

#150F11 #302529 #4C3D43 #68595F #84767C #A0979B #BCBABB

#150F11 - #68595F - #BCBABB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #150F11 0%, #68595F 50%, #BCBABB 100%);
    background: -webkit-linear-gradient(top, #150F11 0%, #68595F 50%, #BCBABB 100%);
    background: linear-gradient(to bottom, #150F11 0%, #68595F 50%, #BCBABB 100%);
}
</style>