#E4DDCE - #C0BC72 | 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 #E4DDCE to #C0BC72

#E4DDCE #C0BC72

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

#E4DDCE - #C0BC72 | 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 #E4DDCE as 0% and #C0BC72 as 100%.

0.0%	0.0% #E4DDCE	RGB 228 221 206	#E4DDCE
16.7%	16.7% #DED7BE	RGB 222 215 190	#DED7BE
33.3%	33.3% #D8D2AF	RGB 216 210 175	#D8D2AF
50.0%	50.0% #D2CCA0	RGB 210 204 160	#D2CCA0
66.7%	66.7% #CCC790	RGB 204 199 144	#CCC790
83.3%	83.3% #C6C181	RGB 198 193 129	#C6C181
100.0%	100.0% #C0BC72	RGB 192 188 114	#C0BC72

#E4DDCE #DED7BE #D8D2AF #D2CCA0 #CCC790 #C6C181 #C0BC72

#E4DDCE - #C0BC72

HSV Blend

#E4DDCE - #C0BC72 | 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 #E4DDCE as 0% and #C0BC72 as 100%.

0.0%	0.0% #E4DDCE	RGB 228 221 206	#E4DDCE
16.7%	16.7% #DED5BD	RGB 222 213 189	#DED5BD
33.3%	33.3% #D8CEAC	RGB 216 206 172	#D8CEAC
50.0%	50.0% #D2C89D	RGB 210 200 157	#D2C89D
66.7%	66.7% #CCC38E	RGB 204 195 142	#CCC38E
83.3%	83.3% #C6BF7F	RGB 198 191 127	#C6BF7F
100.0%	100.0% #C0BC72	RGB 192 188 114	#C0BC72

#E4DDCE #DED5BD #D8CEAC #D2C89D #CCC38E #C6BF7F #C0BC72

#E4DDCE - #D2C89D - #C0BC72

CSS codes

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

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