#DFD4CF - #CCA07F | 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 #CCA07F

#DFD4CF #CCA07F

Calculate the color between two colors, #DFD4CF and #CCA07F. 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 - #CCA07F | 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 #CCA07F as 100%.

0.0%	0.0% #DFD4CF	RGB 223 212 207	#DFD4CF
16.7%	16.7% #DBCBC1	RGB 219 203 193	#DBCBC1
33.3%	33.3% #D8C2B4	RGB 216 194 180	#D8C2B4
50.0%	50.0% #D5BAA7	RGB 213 186 167	#D5BAA7
66.7%	66.7% #D2B199	RGB 210 177 153	#D2B199
83.3%	83.3% #CFA88C	RGB 207 168 140	#CFA88C
100.0%	100.0% #CCA07F	RGB 204 160 127	#CCA07F

#DFD4CF #DBCBC1 #D8C2B4 #D5BAA7 #D2B199 #CFA88C #CCA07F

#DFD4CF - #CCA07F

HSV Blend

#DFD4CF - #CCA07F | 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 #CCA07F 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% #D8C0B3	RGB 216 192 179	#D8C0B3
50.0%	50.0% #D5B7A5	RGB 213 183 165	#D5B7A5
66.7%	66.7% #D2AE98	RGB 210 174 152	#D2AE98
83.3%	83.3% #CFA78B	RGB 207 167 139	#CFA78B
100.0%	100.0% #CCA07F	RGB 204 160 127	#CCA07F

#DFD4CF #DBC9C0 #D8C0B3 #D5B7A5 #D2AE98 #CFA78B #CCA07F

#DFD4CF - #D5B7A5 - #CCA07F

CSS codes

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

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