#DDCE9F - #BC964A | 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 #DDCE9F to #BC964A

#DDCE9F #BC964A

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

#DDCE9F - #BC964A | 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 #DDCE9F as 0% and #BC964A as 100%.

0.0%	0.0% #DDCE9F	RGB 221 206 159	#DDCE9F
16.7%	16.7% #D7C490	RGB 215 196 144	#D7C490
33.3%	33.3% #D2BB82	RGB 210 187 130	#D2BB82
50.0%	50.0% #CCB274	RGB 204 178 116	#CCB274
66.7%	66.7% #C7A866	RGB 199 168 102	#C7A866
83.3%	83.3% #C19F58	RGB 193 159 88	#C19F58
100.0%	100.0% #BC964A	RGB 188 150 74	#BC964A

#DDCE9F #D7C490 #D2BB82 #CCB274 #C7A866 #C19F58 #BC964A

#DDCE9F - #BC964A

HSV Blend

#DDCE9F - #BC964A | 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 #DDCE9F as 0% and #BC964A as 100%.

0.0%	0.0% #DDCE9F	RGB 221 206 159	#DDCE9F
16.7%	16.7% #D7C48F	RGB 215 196 143	#D7C48F
33.3%	33.3% #D2BB80	RGB 210 187 128	#D2BB80
50.0%	50.0% #CCB271	RGB 204 178 113	#CCB271
66.7%	66.7% #C7A863	RGB 199 168 99	#C7A863
83.3%	83.3% #C19F56	RGB 193 159 86	#C19F56
100.0%	100.0% #BC964A	RGB 188 150 74	#BC964A

#DDCE9F #D7C48F #D2BB80 #CCB271 #C7A863 #C19F56 #BC964A

#DDCE9F - #CCB271 - #BC964A

CSS codes

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

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