#D8C7B5 - #BA8660 | 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 #D8C7B5 to #BA8660

#D8C7B5 #BA8660

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

#D8C7B5 - #BA8660 | 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 #D8C7B5 as 0% and #BA8660 as 100%.

0.0%	0.0% #D8C7B5	RGB 216 199 181	#D8C7B5
16.7%	16.7% #D3BCA6	RGB 211 188 166	#D3BCA6
33.3%	33.3% #CEB198	RGB 206 177 152	#CEB198
50.0%	50.0% #C9A68A	RGB 201 166 138	#C9A68A
66.7%	66.7% #C49B7C	RGB 196 155 124	#C49B7C
83.3%	83.3% #BF906E	RGB 191 144 110	#BF906E
100.0%	100.0% #BA8660	RGB 186 134 96	#BA8660

#D8C7B5 #D3BCA6 #CEB198 #C9A68A #C49B7C #BF906E #BA8660

#D8C7B5 - #BA8660

HSV Blend

#D8C7B5 - #BA8660 | 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 #D8C7B5 as 0% and #BA8660 as 100%.

0.0%	0.0% #D8C7B5	RGB 216 199 181	#D8C7B5
16.7%	16.7% #D3BCA5	RGB 211 188 165	#D3BCA5
33.3%	33.3% #CEB196	RGB 206 177 150	#CEB196
50.0%	50.0% #C9A688	RGB 201 166 136	#C9A688
66.7%	66.7% #C49B7A	RGB 196 155 122	#C49B7A
83.3%	83.3% #BF906C	RGB 191 144 108	#BF906C
100.0%	100.0% #BA8660	RGB 186 134 96	#BA8660

#D8C7B5 #D3BCA5 #CEB196 #C9A688 #C49B7A #BF906C #BA8660

#D8C7B5 - #C9A688 - #BA8660

CSS codes

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

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