#D6B8AF - #BC6E5A | 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 #D6B8AF to #BC6E5A

#D6B8AF #BC6E5A

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

#D6B8AF - #BC6E5A | 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 #D6B8AF as 0% and #BC6E5A as 100%.

0.0%	0.0% #D6B8AF	RGB 214 184 175	#D6B8AF
16.7%	16.7% #D1ABA0	RGB 209 171 160	#D1ABA0
33.3%	33.3% #CD9F92	RGB 205 159 146	#CD9F92
50.0%	50.0% #C99384	RGB 201 147 132	#C99384
66.7%	66.7% #C48676	RGB 196 134 118	#C48676
83.3%	83.3% #C07A68	RGB 192 122 104	#C07A68
100.0%	100.0% #BC6E5A	RGB 188 110 90	#BC6E5A

#D6B8AF #D1ABA0 #CD9F92 #C99384 #C48676 #C07A68 #BC6E5A

#D6B8AF - #BC6E5A

HSV Blend

#D6B8AF - #BC6E5A | 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 #D6B8AF as 0% and #BC6E5A as 100%.

0.0%	0.0% #D6B8AF	RGB 214 184 175	#D6B8AF
16.7%	16.7% #D1AA9F	RGB 209 170 159	#D1AA9F
33.3%	33.3% #CD9E90	RGB 205 158 144	#CD9E90
50.0%	50.0% #C99182	RGB 201 145 130	#C99182
66.7%	66.7% #C48574	RGB 196 133 116	#C48574
83.3%	83.3% #C07966	RGB 192 121 102	#C07966
100.0%	100.0% #BC6E5A	RGB 188 110 90	#BC6E5A

#D6B8AF #D1AA9F #CD9E90 #C99182 #C48574 #C07966 #BC6E5A

#D6B8AF - #C99182 - #BC6E5A

CSS codes

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

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