#C8C8C3 - #E9D0CA | 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 #C8C8C3 to #E9D0CA

#C8C8C3 #E9D0CA

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

#C8C8C3 - #E9D0CA | 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 #C8C8C3 as 0% and #E9D0CA as 100%.

0.0%	0.0% #C8C8C3	RGB 200 200 195	#C8C8C3
16.7%	16.7% #CDC9C4	RGB 205 201 196	#CDC9C4
33.3%	33.3% #D3CAC5	RGB 211 202 197	#D3CAC5
50.0%	50.0% #D8CCC6	RGB 216 204 198	#D8CCC6
66.7%	66.7% #DECDC7	RGB 222 205 199	#DECDC7
83.3%	83.3% #E3CEC8	RGB 227 206 200	#E3CEC8
100.0%	100.0% #E9D0CA	RGB 233 208 202	#E9D0CA

#C8C8C3 #CDC9C4 #D3CAC5 #D8CCC6 #DECDC7 #E3CEC8 #E9D0CA

#C8C8C3 - #E9D0CA

HSV Blend

#C8C8C3 - #E9D0CA | 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 #C8C8C3 as 0% and #E9D0CA as 100%.

0.0%	0.0% #C8C8C3	RGB 200 200 195	#C8C8C3
16.7%	16.7% #CDCCC4	RGB 205 204 196	#CDCCC4
33.3%	33.3% #D3CFC6	RGB 211 207 198	#D3CFC6
50.0%	50.0% #D8D1C7	RGB 216 209 199	#D8D1C7
66.7%	66.7% #DED2C8	RGB 222 210 200	#DED2C8
83.3%	83.3% #E3D1C9	RGB 227 209 201	#E3D1C9
100.0%	100.0% #E9D0CA	RGB 233 208 202	#E9D0CA

#C8C8C3 #CDCCC4 #D3CFC6 #D8D1C7 #DED2C8 #E3D1C9 #E9D0CA

#C8C8C3 - #D8D1C7 - #E9D0CA

CSS codes

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

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