#ECD6C0 - #D9A16B | 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 #ECD6C0 to #D9A16B

#ECD6C0 #D9A16B

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

#ECD6C0 - #D9A16B | 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 #ECD6C0 as 0% and #D9A16B as 100%.

0.0%	0.0% #ECD6C0	RGB 236 214 192	#ECD6C0
16.7%	16.7% #E8CDB1	RGB 232 205 177	#E8CDB1
33.3%	33.3% #E5C4A3	RGB 229 196 163	#E5C4A3
50.0%	50.0% #E2BB95	RGB 226 187 149	#E2BB95
66.7%	66.7% #DFB287	RGB 223 178 135	#DFB287
83.3%	83.3% #DCA979	RGB 220 169 121	#DCA979
100.0%	100.0% #D9A16B	RGB 217 161 107	#D9A16B

#ECD6C0 #E8CDB1 #E5C4A3 #E2BB95 #DFB287 #DCA979 #D9A16B

#ECD6C0 - #D9A16B

HSV Blend

#ECD6C0 - #D9A16B | 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 #ECD6C0 as 0% and #D9A16B as 100%.

0.0%	0.0% #ECD6C0	RGB 236 214 192	#ECD6C0
16.7%	16.7% #E8CCB0	RGB 232 204 176	#E8CCB0
33.3%	33.3% #E5C3A2	RGB 229 195 162	#E5C3A2
50.0%	50.0% #E2BA93	RGB 226 186 147	#E2BA93
66.7%	66.7% #DFB285	RGB 223 178 133	#DFB285
83.3%	83.3% #DCA978	RGB 220 169 120	#DCA978
100.0%	100.0% #D9A16B	RGB 217 161 107	#D9A16B

#ECD6C0 #E8CCB0 #E5C3A2 #E2BA93 #DFB285 #DCA978 #D9A16B

#ECD6C0 - #E2BA93 - #D9A16B

CSS codes

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

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