#BDB0B0 - #A5645B | 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 #BDB0B0 to #A5645B

#BDB0B0 #A5645B

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

#BDB0B0 - #A5645B | 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 #BDB0B0 as 0% and #A5645B as 100%.

0.0%	0.0% #BDB0B0	RGB 189 176 176	#BDB0B0
16.7%	16.7% #B9A3A1	RGB 185 163 161	#B9A3A1
33.3%	33.3% #B59693	RGB 181 150 147	#B59693
50.0%	50.0% #B18A85	RGB 177 138 133	#B18A85
66.7%	66.7% #AD7D77	RGB 173 125 119	#AD7D77
83.3%	83.3% #A97069	RGB 169 112 105	#A97069
100.0%	100.0% #A5645B	RGB 165 100 91	#A5645B

#BDB0B0 #B9A3A1 #B59693 #B18A85 #AD7D77 #A97069 #A5645B

#BDB0B0 - #A5645B

HSV Blend

#BDB0B0 - #A5645B | 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 #BDB0B0 as 0% and #A5645B as 100%.

0.0%	0.0% #BDB0B0	RGB 189 176 176	#BDB0B0
16.7%	16.7% #B9A1A0	RGB 185 161 160	#B9A1A0
33.3%	33.3% #B59391	RGB 181 147 145	#B59391
50.0%	50.0% #B18683	RGB 177 134 131	#B18683
66.7%	66.7% #AD7975	RGB 173 121 117	#AD7975
83.3%	83.3% #A96E67	RGB 169 110 103	#A96E67
100.0%	100.0% #A5645B	RGB 165 100 91	#A5645B

#BDB0B0 #B9A1A0 #B59391 #B18683 #AD7975 #A96E67 #A5645B

#BDB0B0 - #B18683 - #A5645B

CSS codes

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

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