#CBC3C0 - #F0EDED | 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 #CBC3C0 to #F0EDED

#CBC3C0 #F0EDED

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

#CBC3C0 - #F0EDED | 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 #CBC3C0 as 0% and #F0EDED as 100%.

0.0%	0.0% #CBC3C0	RGB 203 195 192	#CBC3C0
16.7%	16.7% #D1CAC7	RGB 209 202 199	#D1CAC7
33.3%	33.3% #D7D1CF	RGB 215 209 207	#D7D1CF
50.0%	50.0% #DDD8D6	RGB 221 216 214	#DDD8D6
66.7%	66.7% #E3DFDE	RGB 227 223 222	#E3DFDE
83.3%	83.3% #E9E6E5	RGB 233 230 229	#E9E6E5
100.0%	100.0% #F0EDED	RGB 240 237 237	#F0EDED

#CBC3C0 #D1CAC7 #D7D1CF #DDD8D6 #E3DFDE #E9E6E5 #F0EDED

#CBC3C0 - #F0EDED

HSV Blend

#CBC3C0 - #F0EDED | 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 #CBC3C0 as 0% and #F0EDED as 100%.

0.0%	0.0% #CBC3C0	RGB 203 195 192	#CBC3C0
16.7%	16.7% #D1C9C7	RGB 209 201 199	#D1C9C7
33.3%	33.3% #D7D0CE	RGB 215 208 206	#D7D0CE
50.0%	50.0% #DDD7D6	RGB 221 215 214	#DDD7D6
66.7%	66.7% #E3DEDD	RGB 227 222 221	#E3DEDD
83.3%	83.3% #E9E5E5	RGB 233 229 229	#E9E5E5
100.0%	100.0% #F0EDED	RGB 240 237 237	#F0EDED

#CBC3C0 #D1C9C7 #D7D0CE #DDD7D6 #E3DEDD #E9E5E5 #F0EDED

#CBC3C0 - #DDD7D6 - #F0EDED

CSS codes

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

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