#DFD4CF - #CC9C7F | 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 #DFD4CF to #CC9C7F

#DFD4CF #CC9C7F

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

#DFD4CF - #CC9C7F | 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 #DFD4CF as 0% and #CC9C7F as 100%.

0.0%	0.0% #DFD4CF	RGB 223 212 207	#DFD4CF
16.7%	16.7% #DBCAC1	RGB 219 202 193	#DBCAC1
33.3%	33.3% #D8C1B4	RGB 216 193 180	#D8C1B4
50.0%	50.0% #D5B8A7	RGB 213 184 167	#D5B8A7
66.7%	66.7% #D2AE99	RGB 210 174 153	#D2AE99
83.3%	83.3% #CFA58C	RGB 207 165 140	#CFA58C
100.0%	100.0% #CC9C7F	RGB 204 156 127	#CC9C7F

#DFD4CF #DBCAC1 #D8C1B4 #D5B8A7 #D2AE99 #CFA58C #CC9C7F

#DFD4CF - #CC9C7F

HSV Blend

#DFD4CF - #CC9C7F | 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 #DFD4CF as 0% and #CC9C7F as 100%.

0.0%	0.0% #DFD4CF	RGB 223 212 207	#DFD4CF
16.7%	16.7% #DBC9C0	RGB 219 201 192	#DBC9C0
33.3%	33.3% #D8BFB3	RGB 216 191 179	#D8BFB3
50.0%	50.0% #D5B6A5	RGB 213 182 165	#D5B6A5
66.7%	66.7% #D2AC98	RGB 210 172 152	#D2AC98
83.3%	83.3% #CFA48B	RGB 207 164 139	#CFA48B
100.0%	100.0% #CC9C7F	RGB 204 156 127	#CC9C7F

#DFD4CF #DBC9C0 #D8BFB3 #D5B6A5 #D2AC98 #CFA48B #CC9C7F

#DFD4CF - #D5B6A5 - #CC9C7F

CSS codes

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

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