#BC9F9F - #A35249 | 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 #BC9F9F to #A35249

#BC9F9F #A35249

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

#BC9F9F - #A35249 | 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 #BC9F9F as 0% and #A35249 as 100%.

0.0%	0.0% #BC9F9F	RGB 188 159 159	#BC9F9F
16.7%	16.7% #B79290	RGB 183 146 144	#B79290
33.3%	33.3% #B38582	RGB 179 133 130	#B38582
50.0%	50.0% #AF7874	RGB 175 120 116	#AF7874
66.7%	66.7% #AB6B65	RGB 171 107 101	#AB6B65
83.3%	83.3% #A75E57	RGB 167 94 87	#A75E57
100.0%	100.0% #A35249	RGB 163 82 73	#A35249

#BC9F9F #B79290 #B38582 #AF7874 #AB6B65 #A75E57 #A35249

#BC9F9F - #A35249

HSV Blend

#BC9F9F - #A35249 | 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 #BC9F9F as 0% and #A35249 as 100%.

0.0%	0.0% #BC9F9F	RGB 188 159 159	#BC9F9F
16.7%	16.7% #B78F8F	RGB 183 143 143	#B78F8F
33.3%	33.3% #B38180	RGB 179 129 128	#B38180
50.0%	50.0% #AF7471	RGB 175 116 113	#AF7471
66.7%	66.7% #AB6863	RGB 171 104 99	#AB6863
83.3%	83.3% #A75C55	RGB 167 92 85	#A75C55
100.0%	100.0% #A35249	RGB 163 82 73	#A35249

#BC9F9F #B78F8F #B38180 #AF7471 #AB6863 #A75C55 #A35249

#BC9F9F - #AF7471 - #A35249

CSS codes

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

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