#BC9A8F - #9D523B | 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 #BC9A8F to #9D523B

#BC9A8F #9D523B

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

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

0.0%	0.0% #BC9A8F	RGB 188 154 143	#BC9A8F
16.7%	16.7% #B68E81	RGB 182 142 129	#B68E81
33.3%	33.3% #B18273	RGB 177 130 115	#B18273
50.0%	50.0% #AC7665	RGB 172 118 101	#AC7665
66.7%	66.7% #A76A57	RGB 167 106 87	#A76A57
83.3%	83.3% #A25E49	RGB 162 94 73	#A25E49
100.0%	100.0% #9D523B	RGB 157 82 59	#9D523B

#BC9A8F #B68E81 #B18273 #AC7665 #A76A57 #A25E49 #9D523B

#BC9A8F - #9D523B

HSV Blend

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

0.0%	0.0% #BC9A8F	RGB 188 154 143	#BC9A8F
16.7%	16.7% #B68C7F	RGB 182 140 127	#B68C7F
33.3%	33.3% #B18070	RGB 177 128 112	#B18070
50.0%	50.0% #AC7362	RGB 172 115 98	#AC7362
66.7%	66.7% #A76854	RGB 167 104 84	#A76854
83.3%	83.3% #A25C47	RGB 162 92 71	#A25C47
100.0%	100.0% #9D523B	RGB 157 82 59	#9D523B

#BC9A8F #B68C7F #B18070 #AC7362 #A76854 #A25C47 #9D523B

#BC9A8F - #AC7362 - #9D523B

CSS codes

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

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