#BC9F9F - #A35149 | 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 #A35149

#BC9F9F #A35149

Calculate the color between two colors, #BC9F9F and #A35149. 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 - #A35149 | 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 #A35149 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% #A35149	RGB 163 81 73	#A35149

#BC9F9F #B79290 #B38582 #AF7874 #AB6B65 #A75E57 #A35149

#BC9F9F - #A35149

HSV Blend

#BC9F9F - #A35149 | 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 #A35149 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% #AB6763	RGB 171 103 99	#AB6763
83.3%	83.3% #A75B55	RGB 167 91 85	#A75B55
100.0%	100.0% #A35149	RGB 163 81 73	#A35149

#BC9F9F #B78F8F #B38180 #AF7471 #AB6763 #A75B55 #A35149

#BC9F9F - #AF7471 - #A35149

CSS codes

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

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