#BDB7B5 - #A07061 | 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 #BDB7B5 to #A07061

#BDB7B5 #A07061

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

#BDB7B5 - #A07061 | 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 #BDB7B5 as 0% and #A07061 as 100%.

0.0%	0.0% #BDB7B5	RGB 189 183 181	#BDB7B5
16.7%	16.7% #B8ABA7	RGB 184 171 167	#B8ABA7
33.3%	33.3% #B39F99	RGB 179 159 153	#B39F99
50.0%	50.0% #AE938B	RGB 174 147 139	#AE938B
66.7%	66.7% #A9877D	RGB 169 135 125	#A9877D
83.3%	83.3% #A47B6F	RGB 164 123 111	#A47B6F
100.0%	100.0% #A07061	RGB 160 112 97	#A07061

#BDB7B5 #B8ABA7 #B39F99 #AE938B #A9877D #A47B6F #A07061

#BDB7B5 - #A07061

HSV Blend

#BDB7B5 - #A07061 | 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 #BDB7B5 as 0% and #A07061 as 100%.

0.0%	0.0% #BDB7B5	RGB 189 183 181	#BDB7B5
16.7%	16.7% #B8AAA5	RGB 184 170 165	#B8AAA5
33.3%	33.3% #B39D96	RGB 179 157 150	#B39D96
50.0%	50.0% #AE9188	RGB 174 145 136	#AE9188
66.7%	66.7% #A9867A	RGB 169 134 122	#A9867A
83.3%	83.3% #A47A6D	RGB 164 122 109	#A47A6D
100.0%	100.0% #A07061	RGB 160 112 97	#A07061

#BDB7B5 #B8AAA5 #B39D96 #AE9188 #A9867A #A47A6D #A07061

#BDB7B5 - #AE9188 - #A07061

CSS codes

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

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