#DFD2CA - #A8A16D | 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 #DFD2CA to #A8A16D

#DFD2CA #A8A16D

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

#DFD2CA - #A8A16D | 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 #DFD2CA as 0% and #A8A16D as 100%.

0.0%	0.0% #DFD2CA	RGB 223 210 202	#DFD2CA
16.7%	16.7% #D5C9BA	RGB 213 201 186	#D5C9BA
33.3%	33.3% #CCC1AB	RGB 204 193 171	#CCC1AB
50.0%	50.0% #C3B99B	RGB 195 185 155	#C3B99B
66.7%	66.7% #BAB18C	RGB 186 177 140	#BAB18C
83.3%	83.3% #B1A97C	RGB 177 169 124	#B1A97C
100.0%	100.0% #A8A16D	RGB 168 161 109	#A8A16D

#DFD2CA #D5C9BA #CCC1AB #C3B99B #BAB18C #B1A97C #A8A16D

#DFD2CA - #A8A16D

HSV Blend

#DFD2CA - #A8A16D | 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 #DFD2CA as 0% and #A8A16D as 100%.

0.0%	0.0% #DFD2CA	RGB 223 210 202	#DFD2CA
16.7%	16.7% #D5C6B8	RGB 213 198 184	#D5C6B8
33.3%	33.3% #CCBCA7	RGB 204 188 167	#CCBCA7
50.0%	50.0% #C3B397	RGB 195 179 151	#C3B397
66.7%	66.7% #BAAC88	RGB 186 172 136	#BAAC88
83.3%	83.3% #B1A67A	RGB 177 166 122	#B1A67A
100.0%	100.0% #A8A16D	RGB 168 161 109	#A8A16D

#DFD2CA #D5C6B8 #CCBCA7 #C3B397 #BAAC88 #B1A67A #A8A16D

#DFD2CA - #C3B397 - #A8A16D

CSS codes

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

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