#ECE3C9 - #CFB076 | 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 #ECE3C9 to #CFB076

#ECE3C9 #CFB076

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

#ECE3C9 - #CFB076 | 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 #ECE3C9 as 0% and #CFB076 as 100%.

0.0%	0.0% #ECE3C9	RGB 236 227 201	#ECE3C9
16.7%	16.7% #E7DABB	RGB 231 218 187	#E7DABB
33.3%	33.3% #E2D2AD	RGB 226 210 173	#E2D2AD
50.0%	50.0% #DDC99F	RGB 221 201 159	#DDC99F
66.7%	66.7% #D8C191	RGB 216 193 145	#D8C191
83.3%	83.3% #D3B883	RGB 211 184 131	#D3B883
100.0%	100.0% #CFB076	RGB 207 176 118	#CFB076

#ECE3C9 #E7DABB #E2D2AD #DDC99F #D8C191 #D3B883 #CFB076

#ECE3C9 - #CFB076

HSV Blend

#ECE3C9 - #CFB076 | 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 #ECE3C9 as 0% and #CFB076 as 100%.

0.0%	0.0% #ECE3C9	RGB 236 227 201	#ECE3C9
16.7%	16.7% #E7DABA	RGB 231 218 186	#E7DABA
33.3%	33.3% #E2D2AB	RGB 226 210 171	#E2D2AB
50.0%	50.0% #DDCA9D	RGB 221 202 157	#DDCA9D
66.7%	66.7% #D8C18F	RGB 216 193 143	#D8C18F
83.3%	83.3% #D3B882	RGB 211 184 130	#D3B882
100.0%	100.0% #CFB076	RGB 207 176 118	#CFB076

#ECE3C9 #E7DABA #E2D2AB #DDCA9D #D8C18F #D3B882 #CFB076

#ECE3C9 - #DDCA9D - #CFB076

CSS codes

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

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