#DFCC9F - #C0924A | 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 #DFCC9F to #C0924A

#DFCC9F #C0924A

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

#DFCC9F - #C0924A | 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 #DFCC9F as 0% and #C0924A as 100%.

0.0%	0.0% #DFCC9F	RGB 223 204 159	#DFCC9F
16.7%	16.7% #D9C290	RGB 217 194 144	#D9C290
33.3%	33.3% #D4B882	RGB 212 184 130	#D4B882
50.0%	50.0% #CFAF74	RGB 207 175 116	#CFAF74
66.7%	66.7% #CAA566	RGB 202 165 102	#CAA566
83.3%	83.3% #C59B58	RGB 197 155 88	#C59B58
100.0%	100.0% #C0924A	RGB 192 146 74	#C0924A

#DFCC9F #D9C290 #D4B882 #CFAF74 #CAA566 #C59B58 #C0924A

#DFCC9F - #C0924A

HSV Blend

#DFCC9F - #C0924A | 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 #DFCC9F as 0% and #C0924A as 100%.

0.0%	0.0% #DFCC9F	RGB 223 204 159	#DFCC9F
16.7%	16.7% #D9C28F	RGB 217 194 143	#D9C28F
33.3%	33.3% #D4B980	RGB 212 185 128	#D4B980
50.0%	50.0% #CFAF71	RGB 207 175 113	#CFAF71
66.7%	66.7% #CAA564	RGB 202 165 100	#CAA564
83.3%	83.3% #C59B56	RGB 197 155 86	#C59B56
100.0%	100.0% #C0924A	RGB 192 146 74	#C0924A

#DFCC9F #D9C28F #D4B980 #CFAF71 #CAA564 #C59B56 #C0924A

#DFCC9F - #CFAF71 - #C0924A

CSS codes

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

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