#ECE3C0 - #C2BE56 | 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 #ECE3C0 to #C2BE56

#ECE3C0 #C2BE56

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

#ECE3C0 - #C2BE56 | 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 #ECE3C0 as 0% and #C2BE56 as 100%.

0.0%	0.0% #ECE3C0	RGB 236 227 192	#ECE3C0
16.7%	16.7% #E5DCAE	RGB 229 220 174	#E5DCAE
33.3%	33.3% #DED69C	RGB 222 214 156	#DED69C
50.0%	50.0% #D7D08B	RGB 215 208 139	#D7D08B
66.7%	66.7% #D0CA79	RGB 208 202 121	#D0CA79
83.3%	83.3% #C9C467	RGB 201 196 103	#C9C467
100.0%	100.0% #C2BE56	RGB 194 190 86	#C2BE56

#ECE3C0 #E5DCAE #DED69C #D7D08B #D0CA79 #C9C467 #C2BE56

#ECE3C0 - #C2BE56

HSV Blend

#ECE3C0 - #C2BE56 | 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 #ECE3C0 as 0% and #C2BE56 as 100%.

0.0%	0.0% #ECE3C0	RGB 236 227 192	#ECE3C0
16.7%	16.7% #E5DAAC	RGB 229 218 172	#E5DAAC
33.3%	33.3% #DED399	RGB 222 211 153	#DED399
50.0%	50.0% #D7CD87	RGB 215 205 135	#D7CD87
66.7%	66.7% #D0C775	RGB 208 199 117	#D0C775
83.3%	83.3% #C9C265	RGB 201 194 101	#C9C265
100.0%	100.0% #C2BE56	RGB 194 190 86	#C2BE56

#ECE3C0 #E5DAAC #DED399 #D7CD87 #D0C775 #C9C265 #C2BE56

#ECE3C0 - #D7CD87 - #C2BE56

CSS codes

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

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