#E2CDC7 - #CB8775 | 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 #E2CDC7 to #CB8775

#E2CDC7 #CB8775

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

#E2CDC7 - #CB8775 | 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 #E2CDC7 as 0% and #CB8775 as 100%.

0.0%	0.0% #E2CDC7	RGB 226 205 199	#E2CDC7
16.7%	16.7% #DEC1B9	RGB 222 193 185	#DEC1B9
33.3%	33.3% #DAB5AB	RGB 218 181 171	#DAB5AB
50.0%	50.0% #D6AA9E	RGB 214 170 158	#D6AA9E
66.7%	66.7% #D29E90	RGB 210 158 144	#D29E90
83.3%	83.3% #CE9282	RGB 206 146 130	#CE9282
100.0%	100.0% #CB8775	RGB 203 135 117	#CB8775

#E2CDC7 #DEC1B9 #DAB5AB #D6AA9E #D29E90 #CE9282 #CB8775

#E2CDC7 - #CB8775

HSV Blend

#E2CDC7 - #CB8775 | 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 #E2CDC7 as 0% and #CB8775 as 100%.

0.0%	0.0% #E2CDC7	RGB 226 205 199	#E2CDC7
16.7%	16.7% #DEC0B8	RGB 222 192 184	#DEC0B8
33.3%	33.3% #DAB4AA	RGB 218 180 170	#DAB4AA
50.0%	50.0% #D6A89C	RGB 214 168 156	#D6A89C
66.7%	66.7% #D29D8E	RGB 210 157 142	#D29D8E
83.3%	83.3% #CE9281	RGB 206 146 129	#CE9281
100.0%	100.0% #CB8775	RGB 203 135 117	#CB8775

#E2CDC7 #DEC0B8 #DAB4AA #D6A89C #D29D8E #CE9281 #CB8775

#E2CDC7 - #D6A89C - #CB8775

CSS codes

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

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