#DFCEB8 - #A6885E | 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 #DFCEB8 to #A6885E

#DFCEB8 #A6885E

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

#DFCEB8 - #A6885E | 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 #DFCEB8 as 0% and #A6885E as 100%.

0.0%	0.0% #DFCEB8	RGB 223 206 184	#DFCEB8
16.7%	16.7% #D5C2A9	RGB 213 194 169	#D5C2A9
33.3%	33.3% #CCB69A	RGB 204 182 154	#CCB69A
50.0%	50.0% #C2AB8B	RGB 194 171 139	#C2AB8B
66.7%	66.7% #B99F7C	RGB 185 159 124	#B99F7C
83.3%	83.3% #AF936D	RGB 175 147 109	#AF936D
100.0%	100.0% #A6885E	RGB 166 136 94	#A6885E

#DFCEB8 #D5C2A9 #CCB69A #C2AB8B #B99F7C #AF936D #A6885E

#DFCEB8 - #A6885E

HSV Blend

#DFCEB8 - #A6885E | 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 #DFCEB8 as 0% and #A6885E as 100%.

0.0%	0.0% #DFCEB8	RGB 223 206 184	#DFCEB8
16.7%	16.7% #D5C1A6	RGB 213 193 166	#D5C1A6
33.3%	33.3% #CCB596	RGB 204 181 150	#CCB596
50.0%	50.0% #C2A987	RGB 194 169 135	#C2A987
66.7%	66.7% #B99D78	RGB 185 157 120	#B99D78
83.3%	83.3% #AF926A	RGB 175 146 106	#AF926A
100.0%	100.0% #A6885E	RGB 166 136 94	#A6885E

#DFCEB8 #D5C1A6 #CCB596 #C2A987 #B99D78 #AF926A #A6885E

#DFCEB8 - #C2A987 - #A6885E

CSS codes

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

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