#ECEBCA - #CAC177 | 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 #ECEBCA to #CAC177

#ECEBCA #CAC177

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

#ECEBCA - #CAC177 | 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 #ECEBCA as 0% and #CAC177 as 100%.

0.0%	0.0% #ECEBCA	RGB 236 235 202	#ECEBCA
16.7%	16.7% #E6E4BC	RGB 230 228 188	#E6E4BC
33.3%	33.3% #E0DDAE	RGB 224 221 174	#E0DDAE
50.0%	50.0% #DBD6A0	RGB 219 214 160	#DBD6A0
66.7%	66.7% #D5CF92	RGB 213 207 146	#D5CF92
83.3%	83.3% #CFC884	RGB 207 200 132	#CFC884
100.0%	100.0% #CAC177	RGB 202 193 119	#CAC177

#ECEBCA #E6E4BC #E0DDAE #DBD6A0 #D5CF92 #CFC884 #CAC177

#ECEBCA - #CAC177

HSV Blend

#ECEBCA - #CAC177 | 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 #ECEBCA as 0% and #CAC177 as 100%.

0.0%	0.0% #ECEBCA	RGB 236 235 202	#ECEBCA
16.7%	16.7% #E6E4BA	RGB 230 228 186	#E6E4BA
33.3%	33.3% #E0DDAC	RGB 224 221 172	#E0DDAC
50.0%	50.0% #DBD69E	RGB 219 214 158	#DBD69E
66.7%	66.7% #D5CF90	RGB 213 207 144	#D5CF90
83.3%	83.3% #CFC883	RGB 207 200 131	#CFC883
100.0%	100.0% #CAC177	RGB 202 193 119	#CAC177

#ECEBCA #E6E4BA #E0DDAC #DBD69E #D5CF90 #CFC883 #CAC177

#ECEBCA - #DBD69E - #CAC177

CSS codes

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

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