#C8C5CA - #EFEEEE | 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 #C8C5CA to #EFEEEE

#C8C5CA #EFEEEE

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

#C8C5CA - #EFEEEE | 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 #C8C5CA as 0% and #EFEEEE as 100%.

0.0%	0.0% #C8C5CA	RGB 200 197 202	#C8C5CA
16.7%	16.7% #CECBD0	RGB 206 203 208	#CECBD0
33.3%	33.3% #D5D2D6	RGB 213 210 214	#D5D2D6
50.0%	50.0% #DBD9DC	RGB 219 217 220	#DBD9DC
66.7%	66.7% #E2E0E2	RGB 226 224 226	#E2E0E2
83.3%	83.3% #E8E7E8	RGB 232 231 232	#E8E7E8
100.0%	100.0% #EFEEEE	RGB 239 238 238	#EFEEEE

#C8C5CA #CECBD0 #D5D2D6 #DBD9DC #E2E0E2 #E8E7E8 #EFEEEE

#C8C5CA - #EFEEEE

HSV Blend

#C8C5CA - #EFEEEE | 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 #C8C5CA as 0% and #EFEEEE as 100%.

0.0%	0.0% #C8C5CA	RGB 200 197 202	#C8C5CA
16.7%	16.7% #CFCBD0	RGB 207 203 208	#CFCBD0
33.3%	33.3% #D6D2D6	RGB 214 210 214	#D6D2D6
50.0%	50.0% #DCD9DB	RGB 220 217 219	#DCD9DB
66.7%	66.7% #E2E0E1	RGB 226 224 225	#E2E0E1
83.3%	83.3% #E8E7E7	RGB 232 231 231	#E8E7E7
100.0%	100.0% #EFEEEE	RGB 239 238 238	#EFEEEE

#C8C5CA #CFCBD0 #D6D2D6 #DCD9DB #E2E0E1 #E8E7E7 #EFEEEE

#C8C5CA - #DCD9DB - #EFEEEE

CSS codes

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

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