#ECEBD6 - #C9BF86 | 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 #ECEBD6 to #C9BF86

#ECEBD6 #C9BF86

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

#ECEBD6 - #C9BF86 | 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 #ECEBD6 as 0% and #C9BF86 as 100%.

0.0%	0.0% #ECEBD6	RGB 236 235 214	#ECEBD6
16.7%	16.7% #E6E3C8	RGB 230 227 200	#E6E3C8
33.3%	33.3% #E0DCBB	RGB 224 220 187	#E0DCBB
50.0%	50.0% #DAD5AE	RGB 218 213 174	#DAD5AE
66.7%	66.7% #D4CDA0	RGB 212 205 160	#D4CDA0
83.3%	83.3% #CEC693	RGB 206 198 147	#CEC693
100.0%	100.0% #C9BF86	RGB 201 191 134	#C9BF86

#ECEBD6 #E6E3C8 #E0DCBB #DAD5AE #D4CDA0 #CEC693 #C9BF86

#ECEBD6 - #C9BF86

HSV Blend

#ECEBD6 - #C9BF86 | 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 #ECEBD6 as 0% and #C9BF86 as 100%.

0.0%	0.0% #ECEBD6	RGB 236 235 214	#ECEBD6
16.7%	16.7% #E6E4C7	RGB 230 228 199	#E6E4C7
33.3%	33.3% #E0DDB9	RGB 224 221 185	#E0DDB9
50.0%	50.0% #DAD5AB	RGB 218 213 171	#DAD5AB
66.7%	66.7% #D4CE9E	RGB 212 206 158	#D4CE9E
83.3%	83.3% #CEC692	RGB 206 198 146	#CEC692
100.0%	100.0% #C9BF86	RGB 201 191 134	#C9BF86

#ECEBD6 #E6E4C7 #E0DDB9 #DAD5AB #D4CE9E #CEC692 #C9BF86

#ECEBD6 - #DAD5AB - #C9BF86

CSS codes

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

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