#BD9F9F - #A45249 | 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 #BD9F9F to #A45249

#BD9F9F #A45249

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

#BD9F9F - #A45249 | 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 #BD9F9F as 0% and #A45249 as 100%.

0.0%	0.0% #BD9F9F	RGB 189 159 159	#BD9F9F
16.7%	16.7% #B89290	RGB 184 146 144	#B89290
33.3%	33.3% #B48582	RGB 180 133 130	#B48582
50.0%	50.0% #B07874	RGB 176 120 116	#B07874
66.7%	66.7% #AC6B65	RGB 172 107 101	#AC6B65
83.3%	83.3% #A85E57	RGB 168 94 87	#A85E57
100.0%	100.0% #A45249	RGB 164 82 73	#A45249

#BD9F9F #B89290 #B48582 #B07874 #AC6B65 #A85E57 #A45249

#BD9F9F - #A45249

HSV Blend

#BD9F9F - #A45249 | 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 #BD9F9F as 0% and #A45249 as 100%.

0.0%	0.0% #BD9F9F	RGB 189 159 159	#BD9F9F
16.7%	16.7% #B88F8F	RGB 184 143 143	#B88F8F
33.3%	33.3% #B48180	RGB 180 129 128	#B48180
50.0%	50.0% #B07471	RGB 176 116 113	#B07471
66.7%	66.7% #AC6863	RGB 172 104 99	#AC6863
83.3%	83.3% #A85C55	RGB 168 92 85	#A85C55
100.0%	100.0% #A45249	RGB 164 82 73	#A45249

#BD9F9F #B88F8F #B48180 #B07471 #AC6863 #A85C55 #A45249

#BD9F9F - #B07471 - #A45249

CSS codes

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

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