#BCB0AC - #9F6857 | 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 #BCB0AC to #9F6857

#BCB0AC #9F6857

Calculate the color between two colors, #BCB0AC and #9F6857. 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)

#BCB0AC - #9F6857 | 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 #BCB0AC as 0% and #9F6857 as 100%.

0.0%	0.0% #BCB0AC	RGB 188 176 172	#BCB0AC
16.7%	16.7% #B7A49D	RGB 183 164 157	#B7A49D
33.3%	33.3% #B2988F	RGB 178 152 143	#B2988F
50.0%	50.0% #AD8C81	RGB 173 140 129	#AD8C81
66.7%	66.7% #A88073	RGB 168 128 115	#A88073
83.3%	83.3% #A37465	RGB 163 116 101	#A37465
100.0%	100.0% #9F6857	RGB 159 104 87	#9F6857

#BCB0AC #B7A49D #B2988F #AD8C81 #A88073 #A37465 #9F6857

#BCB0AC - #9F6857

HSV Blend

#BCB0AC - #9F6857 | 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 #BCB0AC as 0% and #9F6857 as 100%.

0.0%	0.0% #BCB0AC	RGB 188 176 172	#BCB0AC
16.7%	16.7% #B7A29C	RGB 183 162 156	#B7A29C
33.3%	33.3% #B2968D	RGB 178 150 141	#B2968D
50.0%	50.0% #AD8A7E	RGB 173 138 126	#AD8A7E
66.7%	66.7% #A87E70	RGB 168 126 112	#A87E70
83.3%	83.3% #A37263	RGB 163 114 99	#A37263
100.0%	100.0% #9F6857	RGB 159 104 87	#9F6857

#BCB0AC #B7A29C #B2968D #AD8A7E #A87E70 #A37263 #9F6857

#BCB0AC - #AD8A7E - #9F6857

CSS codes

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

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