#D6B5AA - #985B4D | 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 #D6B5AA to #985B4D

#D6B5AA #985B4D

Calculate the color between two colors, #D6B5AA and #985B4D. 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)

#D6B5AA - #985B4D | 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 #D6B5AA as 0% and #985B4D as 100%.

0.0%	0.0% #D6B5AA	RGB 214 181 170	#D6B5AA
16.7%	16.7% #CBA69A	RGB 203 166 154	#CBA69A
33.3%	33.3% #C1978B	RGB 193 151 139	#C1978B
50.0%	50.0% #B7887B	RGB 183 136 123	#B7887B
66.7%	66.7% #AC796C	RGB 172 121 108	#AC796C
83.3%	83.3% #A26A5C	RGB 162 106 92	#A26A5C
100.0%	100.0% #985B4D	RGB 152 91 77	#985B4D

#D6B5AA #CBA69A #C1978B #B7887B #AC796C #A26A5C #985B4D

#D6B5AA - #985B4D

HSV Blend

#D6B5AA - #985B4D | 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 #D6B5AA as 0% and #985B4D as 100%.

0.0%	0.0% #D6B5AA	RGB 214 181 170	#D6B5AA
16.7%	16.7% #CBA498	RGB 203 164 152	#CBA498
33.3%	33.3% #C19487	RGB 193 148 135	#C19487
50.0%	50.0% #B78577	RGB 183 133 119	#B78577
66.7%	66.7% #AC7668	RGB 172 118 104	#AC7668
83.3%	83.3% #A2685A	RGB 162 104 90	#A2685A
100.0%	100.0% #985B4D	RGB 152 91 77	#985B4D

#D6B5AA #CBA498 #C19487 #B78577 #AC7668 #A2685A #985B4D

#D6B5AA - #B78577 - #985B4D

CSS codes

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

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