#E9E3C0 - #C2BE5E | 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 #E9E3C0 to #C2BE5E

#E9E3C0 #C2BE5E

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

#E9E3C0 - #C2BE5E | 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 #E9E3C0 as 0% and #C2BE5E as 100%.

0.0%	0.0% #E9E3C0	RGB 233 227 192	#E9E3C0
16.7%	16.7% #E2DCAF	RGB 226 220 175	#E2DCAF
33.3%	33.3% #DCD69F	RGB 220 214 159	#DCD69F
50.0%	50.0% #D5D08F	RGB 213 208 143	#D5D08F
66.7%	66.7% #CFCA7E	RGB 207 202 126	#CFCA7E
83.3%	83.3% #C8C46E	RGB 200 196 110	#C8C46E
100.0%	100.0% #C2BE5E	RGB 194 190 94	#C2BE5E

#E9E3C0 #E2DCAF #DCD69F #D5D08F #CFCA7E #C8C46E #C2BE5E

#E9E3C0 - #C2BE5E

HSV Blend

#E9E3C0 - #C2BE5E | 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 #E9E3C0 as 0% and #C2BE5E as 100%.

0.0%	0.0% #E9E3C0	RGB 233 227 192	#E9E3C0
16.7%	16.7% #E2DBAD	RGB 226 219 173	#E2DBAD
33.3%	33.3% #DCD49C	RGB 220 212 156	#DCD49C
50.0%	50.0% #D5CE8B	RGB 213 206 139	#D5CE8B
66.7%	66.7% #CFC87B	RGB 207 200 123	#CFC87B
83.3%	83.3% #C8C36C	RGB 200 195 108	#C8C36C
100.0%	100.0% #C2BE5E	RGB 194 190 94	#C2BE5E

#E9E3C0 #E2DBAD #DCD49C #D5CE8B #CFC87B #C8C36C #C2BE5E

#E9E3C0 - #D5CE8B - #C2BE5E

CSS codes

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

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