#C8C3C4 - #FFE6DC | 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 #C8C3C4 to #FFE6DC

#C8C3C4 #FFE6DC

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

#C8C3C4 - #FFE6DC | 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 #C8C3C4 as 0% and #FFE6DC as 100%.

0.0%	0.0% #C8C3C4	RGB 200 195 196	#C8C3C4
16.7%	16.7% #D1C8C8	RGB 209 200 200	#D1C8C8
33.3%	33.3% #DACECC	RGB 218 206 204	#DACECC
50.0%	50.0% #E3D4D0	RGB 227 212 208	#E3D4D0
66.7%	66.7% #ECDAD4	RGB 236 218 212	#ECDAD4
83.3%	83.3% #F5E0D8	RGB 245 224 216	#F5E0D8
100.0%	100.0% #FFE6DC	RGB 255 230 220	#FFE6DC

#C8C3C4 #D1C8C8 #DACECC #E3D4D0 #ECDAD4 #F5E0D8 #FFE6DC

#C8C3C4 - #FFE6DC

HSV Blend

#C8C3C4 - #FFE6DC | 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 #C8C3C4 as 0% and #FFE6DC as 100%.

0.0%	0.0% #C8C3C4	RGB 200 195 196	#C8C3C4
16.7%	16.7% #D1C8C9	RGB 209 200 201	#D1C8C9
33.3%	33.3% #DACCCD	RGB 218 204 205	#DACCCD
50.0%	50.0% #E3D1D1	RGB 227 209 209	#E3D1D1
66.7%	66.7% #ECD7D5	RGB 236 215 213	#ECD7D5
83.3%	83.3% #F5DED8	RGB 245 222 216	#F5DED8
100.0%	100.0% #FFE6DC	RGB 255 230 220	#FFE6DC

#C8C3C4 #D1C8C9 #DACCCD #E3D1D1 #ECD7D5 #F5DED8 #FFE6DC

#C8C3C4 - #E3D1D1 - #FFE6DC

CSS codes

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

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