#E7D4CF - #CB8D7E | 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 #E7D4CF to #CB8D7E

#E7D4CF #CB8D7E

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

#E7D4CF - #CB8D7E | 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 #E7D4CF as 0% and #CB8D7E as 100%.

0.0%	0.0% #E7D4CF	RGB 231 212 207	#E7D4CF
16.7%	16.7% #E2C8C1	RGB 226 200 193	#E2C8C1
33.3%	33.3% #DDBCB4	RGB 221 188 180	#DDBCB4
50.0%	50.0% #D9B0A6	RGB 217 176 166	#D9B0A6
66.7%	66.7% #D4A499	RGB 212 164 153	#D4A499
83.3%	83.3% #CF988B	RGB 207 152 139	#CF988B
100.0%	100.0% #CB8D7E	RGB 203 141 126	#CB8D7E

#E7D4CF #E2C8C1 #DDBCB4 #D9B0A6 #D4A499 #CF988B #CB8D7E

#E7D4CF - #CB8D7E

HSV Blend

#E7D4CF - #CB8D7E | 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 #E7D4CF as 0% and #CB8D7E as 100%.

0.0%	0.0% #E7D4CF	RGB 231 212 207	#E7D4CF
16.7%	16.7% #E2C7C0	RGB 226 199 192	#E2C7C0
33.3%	33.3% #DDBBB2	RGB 221 187 178	#DDBBB2
50.0%	50.0% #D9AFA4	RGB 217 175 164	#D9AFA4
66.7%	66.7% #D4A397	RGB 212 163 151	#D4A397
83.3%	83.3% #CF988A	RGB 207 152 138	#CF988A
100.0%	100.0% #CB8D7E	RGB 203 141 126	#CB8D7E

#E7D4CF #E2C7C0 #DDBBB2 #D9AFA4 #D4A397 #CF988A #CB8D7E

#E7D4CF - #D9AFA4 - #CB8D7E

CSS codes

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

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