#ECE5C8 - #C2BD5E | 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 #ECE5C8 to #C2BD5E

#ECE5C8 #C2BD5E

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

#ECE5C8 - #C2BD5E | 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 #ECE5C8 as 0% and #C2BD5E as 100%.

0.0%	0.0% #ECE5C8	RGB 236 229 200	#ECE5C8
16.7%	16.7% #E5DEB6	RGB 229 222 182	#E5DEB6
33.3%	33.3% #DED7A4	RGB 222 215 164	#DED7A4
50.0%	50.0% #D7D193	RGB 215 209 147	#D7D193
66.7%	66.7% #D0CA81	RGB 208 202 129	#D0CA81
83.3%	83.3% #C9C36F	RGB 201 195 111	#C9C36F
100.0%	100.0% #C2BD5E	RGB 194 189 94	#C2BD5E

#ECE5C8 #E5DEB6 #DED7A4 #D7D193 #D0CA81 #C9C36F #C2BD5E

#ECE5C8 - #C2BD5E

HSV Blend

#ECE5C8 - #C2BD5E | 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 #ECE5C8 as 0% and #C2BD5E as 100%.

0.0%	0.0% #ECE5C8	RGB 236 229 200	#ECE5C8
16.7%	16.7% #E5DCB4	RGB 229 220 180	#E5DCB4
33.3%	33.3% #DED5A1	RGB 222 213 161	#DED5A1
50.0%	50.0% #D7CE8F	RGB 215 206 143	#D7CE8F
66.7%	66.7% #D0C77D	RGB 208 199 125	#D0C77D
83.3%	83.3% #C9C26D	RGB 201 194 109	#C9C26D
100.0%	100.0% #C2BD5E	RGB 194 189 94	#C2BD5E

#ECE5C8 #E5DCB4 #DED5A1 #D7CE8F #D0C77D #C9C26D #C2BD5E

#ECE5C8 - #D7CE8F - #C2BD5E

CSS codes

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

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