#C8C2CA - #EEEDEF | 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 #C8C2CA to #EEEDEF

#C8C2CA #EEEDEF

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

#C8C2CA - #EEEDEF | 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 #C8C2CA as 0% and #EEEDEF as 100%.

0.0%	0.0% #C8C2CA	RGB 200 194 202	#C8C2CA
16.7%	16.7% #CEC9D0	RGB 206 201 208	#CEC9D0
33.3%	33.3% #D4D0D6	RGB 212 208 214	#D4D0D6
50.0%	50.0% #DBD7DC	RGB 219 215 220	#DBD7DC
66.7%	66.7% #E1DEE2	RGB 225 222 226	#E1DEE2
83.3%	83.3% #E7E5E8	RGB 231 229 232	#E7E5E8
100.0%	100.0% #EEEDEF	RGB 238 237 239	#EEEDEF

#C8C2CA #CEC9D0 #D4D0D6 #DBD7DC #E1DEE2 #E7E5E8 #EEEDEF

#C8C2CA - #EEEDEF

HSV Blend

#C8C2CA - #EEEDEF | 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 #C8C2CA as 0% and #EEEDEF as 100%.

0.0%	0.0% #C8C2CA	RGB 200 194 202	#C8C2CA
16.7%	16.7% #CEC9D0	RGB 206 201 208	#CEC9D0
33.3%	33.3% #D4D0D6	RGB 212 208 214	#D4D0D6
50.0%	50.0% #DAD7DC	RGB 218 215 220	#DAD7DC
66.7%	66.7% #E0DEE2	RGB 224 222 226	#E0DEE2
83.3%	83.3% #E7E5E8	RGB 231 229 232	#E7E5E8
100.0%	100.0% #EEEDEF	RGB 238 237 239	#EEEDEF

#C8C2CA #CEC9D0 #D4D0D6 #DAD7DC #E0DEE2 #E7E5E8 #EEEDEF

#C8C2CA - #DAD7DC - #EEEDEF

CSS codes

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

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