#071710 - #B8BCBA | 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 #071710 to #B8BCBA

#071710 #B8BCBA

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

#071710 - #B8BCBA | 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 #071710 as 0% and #B8BCBA as 100%.

0.0%	0.0% #071710	RGB 7 23 16	#071710
16.7%	16.7% #24322C	RGB 36 50 44	#24322C
33.3%	33.3% #424E48	RGB 66 78 72	#424E48
50.0%	50.0% #5F6965	RGB 95 105 101	#5F6965
66.7%	66.7% #7D8581	RGB 125 133 129	#7D8581
83.3%	83.3% #9AA09D	RGB 154 160 157	#9AA09D
100.0%	100.0% #B8BCBA	RGB 184 188 186	#B8BCBA

#071710 #24322C #424E48 #5F6965 #7D8581 #9AA09D #B8BCBA

#071710 - #B8BCBA

HSV Blend

#071710 - #B8BCBA | 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 #071710 as 0% and #B8BCBA as 100%.

0.0%	0.0% #071710	RGB 7 23 16	#071710
16.7%	16.7% #153225	RGB 21 50 37	#153225
33.3%	33.3% #294E3D	RGB 41 78 61	#294E3D
50.0%	50.0% #436957	RGB 67 105 87	#436957
66.7%	66.7% #648575	RGB 100 133 117	#648575
83.3%	83.3% #8BA095	RGB 139 160 149	#8BA095
100.0%	100.0% #B8BCBA	RGB 184 188 186	#B8BCBA

#071710 #153225 #294E3D #436957 #648575 #8BA095 #B8BCBA

#071710 - #436957 - #B8BCBA

CSS codes

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

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