#D4D4D4 - #BDAA86 | 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 #D4D4D4 to #BDAA86

#D4D4D4 #BDAA86

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

#D4D4D4 - #BDAA86 | 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 #D4D4D4 as 0% and #BDAA86 as 100%.

0.0%	0.0% #D4D4D4	RGB 212 212 212	#D4D4D4
16.7%	16.7% #D0CDC7	RGB 208 205 199	#D0CDC7
33.3%	33.3% #CCC6BA	RGB 204 198 186	#CCC6BA
50.0%	50.0% #C8BFAD	RGB 200 191 173	#C8BFAD
66.7%	66.7% #C4B8A0	RGB 196 184 160	#C4B8A0
83.3%	83.3% #C0B193	RGB 192 177 147	#C0B193
100.0%	100.0% #BDAA86	RGB 189 170 134	#BDAA86

#D4D4D4 #D0CDC7 #CCC6BA #C8BFAD #C4B8A0 #C0B193 #BDAA86

#D4D4D4 - #BDAA86

HSV Blend

#D4D4D4 - #BDAA86 | 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 #D4D4D4 as 0% and #BDAA86 as 100%.

0.0%	0.0% #D4D4D4	RGB 212 212 212	#D4D4D4
16.7%	16.7% #D0C7C6	RGB 208 199 198	#D0C7C6
33.3%	33.3% #CCBCB8	RGB 204 188 184	#CCBCB8
50.0%	50.0% #C8B4AB	RGB 200 180 171	#C8B4AB
66.7%	66.7% #C4AF9E	RGB 196 175 158	#C4AF9E
83.3%	83.3% #C0AB92	RGB 192 171 146	#C0AB92
100.0%	100.0% #BDAA86	RGB 189 170 134	#BDAA86

#D4D4D4 #D0C7C6 #CCBCB8 #C8B4AB #C4AF9E #C0AB92 #BDAA86

#D4D4D4 - #C8B4AB - #BDAA86

CSS codes

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

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