#BCACAF - #865B61 | 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 #BCACAF to #865B61

#BCACAF #865B61

Calculate the color between two colors, #BCACAF and #865B61. 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)

#BCACAF - #865B61 | 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 #BCACAF as 0% and #865B61 as 100%.

0.0%	0.0% #BCACAF	RGB 188 172 175	#BCACAF
16.7%	16.7% #B39EA2	RGB 179 158 162	#B39EA2
33.3%	33.3% #AA9195	RGB 170 145 149	#AA9195
50.0%	50.0% #A18388	RGB 161 131 136	#A18388
66.7%	66.7% #98767B	RGB 152 118 123	#98767B
83.3%	83.3% #8F686E	RGB 143 104 110	#8F686E
100.0%	100.0% #865B61	RGB 134 91 97	#865B61

#BCACAF #B39EA2 #AA9195 #A18388 #98767B #8F686E #865B61

#BCACAF - #865B61

HSV Blend

#BCACAF - #865B61 | 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 #BCACAF as 0% and #865B61 as 100%.

0.0%	0.0% #BCACAF	RGB 188 172 175	#BCACAF
16.7%	16.7% #B39CA0	RGB 179 156 160	#B39CA0
33.3%	33.3% #AA8E92	RGB 170 142 146	#AA8E92
50.0%	50.0% #A18085	RGB 161 128 133	#A18085
66.7%	66.7% #987378	RGB 152 115 120	#987378
83.3%	83.3% #8F666C	RGB 143 102 108	#8F666C
100.0%	100.0% #865B61	RGB 134 91 97	#865B61

#BCACAF #B39CA0 #AA8E92 #A18085 #987378 #8F666C #865B61

#BCACAF - #A18085 - #865B61

CSS codes

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

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