#ECE8CA - #CDBD77 | 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 #ECE8CA to #CDBD77

#ECE8CA #CDBD77

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

#ECE8CA - #CDBD77 | 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 #ECE8CA as 0% and #CDBD77 as 100%.

0.0%	0.0% #ECE8CA	RGB 236 232 202	#ECE8CA
16.7%	16.7% #E6E0BC	RGB 230 224 188	#E6E0BC
33.3%	33.3% #E1D9AE	RGB 225 217 174	#E1D9AE
50.0%	50.0% #DCD2A0	RGB 220 210 160	#DCD2A0
66.7%	66.7% #D7CB92	RGB 215 203 146	#D7CB92
83.3%	83.3% #D2C484	RGB 210 196 132	#D2C484
100.0%	100.0% #CDBD77	RGB 205 189 119	#CDBD77

#ECE8CA #E6E0BC #E1D9AE #DCD2A0 #D7CB92 #D2C484 #CDBD77

#ECE8CA - #CDBD77

HSV Blend

#ECE8CA - #CDBD77 | 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 #ECE8CA as 0% and #CDBD77 as 100%.

0.0%	0.0% #ECE8CA	RGB 236 232 202	#ECE8CA
16.7%	16.7% #E6E1BA	RGB 230 225 186	#E6E1BA
33.3%	33.3% #E1DAAC	RGB 225 218 172	#E1DAAC
50.0%	50.0% #DCD39E	RGB 220 211 158	#DCD39E
66.7%	66.7% #D7CB90	RGB 215 203 144	#D7CB90
83.3%	83.3% #D2C483	RGB 210 196 131	#D2C483
100.0%	100.0% #CDBD77	RGB 205 189 119	#CDBD77

#ECE8CA #E6E1BA #E1DAAC #DCD39E #D7CB90 #D2C483 #CDBD77

#ECE8CA - #DCD39E - #CDBD77

CSS codes

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

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