#E4CED2 - #C07572 | 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 #E4CED2 to #C07572

#E4CED2 #C07572

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

#E4CED2 - #C07572 | 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 #E4CED2 as 0% and #C07572 as 100%.

0.0%	0.0% #E4CED2	RGB 228 206 210	#E4CED2
16.7%	16.7% #DEBFC2	RGB 222 191 194	#DEBFC2
33.3%	33.3% #D8B0B2	RGB 216 176 178	#D8B0B2
50.0%	50.0% #D2A1A2	RGB 210 161 162	#D2A1A2
66.7%	66.7% #CC9292	RGB 204 146 146	#CC9292
83.3%	83.3% #C68382	RGB 198 131 130	#C68382
100.0%	100.0% #C07572	RGB 192 117 114	#C07572

#E4CED2 #DEBFC2 #D8B0B2 #D2A1A2 #CC9292 #C68382 #C07572

#E4CED2 - #C07572

HSV Blend

#E4CED2 - #C07572 | 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 #E4CED2 as 0% and #C07572 as 100%.

0.0%	0.0% #E4CED2	RGB 228 206 210	#E4CED2
16.7%	16.7% #DEBDC1	RGB 222 189 193	#DEBDC1
33.3%	33.3% #D8ACB1	RGB 216 172 177	#D8ACB1
50.0%	50.0% #D29DA0	RGB 210 157 160	#D29DA0
66.7%	66.7% #CC8E90	RGB 204 142 144	#CC8E90
83.3%	83.3% #C67F7F	RGB 198 127 127	#C67F7F
100.0%	100.0% #C07572	RGB 192 117 114	#C07572

#E4CED2 #DEBDC1 #D8ACB1 #D29DA0 #CC8E90 #C67F7F #C07572

#E4CED2 - #D29DA0 - #C07572

CSS codes

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

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