#DFD4C2 - #C0996F | 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 #DFD4C2 to #C0996F

#DFD4C2 #C0996F

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

#DFD4C2 - #C0996F | 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 #DFD4C2 as 0% and #C0996F as 100%.

0.0%	0.0% #DFD4C2	RGB 223 212 194	#DFD4C2
16.7%	16.7% #D9CAB4	RGB 217 202 180	#D9CAB4
33.3%	33.3% #D4C0A6	RGB 212 192 166	#D4C0A6
50.0%	50.0% #CFB698	RGB 207 182 152	#CFB698
66.7%	66.7% #CAAC8A	RGB 202 172 138	#CAAC8A
83.3%	83.3% #C5A27C	RGB 197 162 124	#C5A27C
100.0%	100.0% #C0996F	RGB 192 153 111	#C0996F

#DFD4C2 #D9CAB4 #D4C0A6 #CFB698 #CAAC8A #C5A27C #C0996F

#DFD4C2 - #C0996F

HSV Blend

#DFD4C2 - #C0996F | 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 #DFD4C2 as 0% and #C0996F as 100%.

0.0%	0.0% #DFD4C2	RGB 223 212 194	#DFD4C2
16.7%	16.7% #D9CAB2	RGB 217 202 178	#D9CAB2
33.3%	33.3% #D4C0A4	RGB 212 192 164	#D4C0A4
50.0%	50.0% #CFB696	RGB 207 182 150	#CFB696
66.7%	66.7% #CAAC88	RGB 202 172 136	#CAAC88
83.3%	83.3% #C5A27B	RGB 197 162 123	#C5A27B
100.0%	100.0% #C0996F	RGB 192 153 111	#C0996F

#DFD4C2 #D9CAB2 #D4C0A4 #CFB696 #CAAC88 #C5A27B #C0996F

#DFD4C2 - #CFB696 - #C0996F

CSS codes

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

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