#BDA8A8 - #A55B52 | 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 #BDA8A8 to #A55B52

#BDA8A8 #A55B52

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

#BDA8A8 - #A55B52 | 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 #BDA8A8 as 0% and #A55B52 as 100%.

0.0%	0.0% #BDA8A8	RGB 189 168 168	#BDA8A8
16.7%	16.7% #B99B99	RGB 185 155 153	#B99B99
33.3%	33.3% #B58E8B	RGB 181 142 139	#B58E8B
50.0%	50.0% #B1817D	RGB 177 129 125	#B1817D
66.7%	66.7% #AD746E	RGB 173 116 110	#AD746E
83.3%	83.3% #A96760	RGB 169 103 96	#A96760
100.0%	100.0% #A55B52	RGB 165 91 82	#A55B52

#BDA8A8 #B99B99 #B58E8B #B1817D #AD746E #A96760 #A55B52

#BDA8A8 - #A55B52

HSV Blend

#BDA8A8 - #A55B52 | 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 #BDA8A8 as 0% and #A55B52 as 100%.

0.0%	0.0% #BDA8A8	RGB 189 168 168	#BDA8A8
16.7%	16.7% #B99898	RGB 185 152 152	#B99898
33.3%	33.3% #B58A89	RGB 181 138 137	#B58A89
50.0%	50.0% #B17D7A	RGB 177 125 122	#B17D7A
66.7%	66.7% #AD716C	RGB 173 113 108	#AD716C
83.3%	83.3% #A9655F	RGB 169 101 95	#A9655F
100.0%	100.0% #A55B52	RGB 165 91 82	#A55B52

#BDA8A8 #B99898 #B58A89 #B17D7A #AD716C #A9655F #A55B52

#BDA8A8 - #B17D7A - #A55B52

CSS codes

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

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