#BB9F9F - #A25249 | 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 #BB9F9F to #A25249

#BB9F9F #A25249

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

#BB9F9F - #A25249 | 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 #BB9F9F as 0% and #A25249 as 100%.

0.0%	0.0% #BB9F9F	RGB 187 159 159	#BB9F9F
16.7%	16.7% #B69290	RGB 182 146 144	#B69290
33.3%	33.3% #B28582	RGB 178 133 130	#B28582
50.0%	50.0% #AE7874	RGB 174 120 116	#AE7874
66.7%	66.7% #AA6B65	RGB 170 107 101	#AA6B65
83.3%	83.3% #A65E57	RGB 166 94 87	#A65E57
100.0%	100.0% #A25249	RGB 162 82 73	#A25249

#BB9F9F #B69290 #B28582 #AE7874 #AA6B65 #A65E57 #A25249

#BB9F9F - #A25249

HSV Blend

#BB9F9F - #A25249 | 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 #BB9F9F as 0% and #A25249 as 100%.

0.0%	0.0% #BB9F9F	RGB 187 159 159	#BB9F9F
16.7%	16.7% #B68F8F	RGB 182 143 143	#B68F8F
33.3%	33.3% #B28180	RGB 178 129 128	#B28180
50.0%	50.0% #AE7471	RGB 174 116 113	#AE7471
66.7%	66.7% #AA6863	RGB 170 104 99	#AA6863
83.3%	83.3% #A65C55	RGB 166 92 85	#A65C55
100.0%	100.0% #A25249	RGB 162 82 73	#A25249

#BB9F9F #B68F8F #B28180 #AE7471 #AA6863 #A65C55 #A25249

#BB9F9F - #AE7471 - #A25249

CSS codes

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

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