#C3C3C9 - #E1DECE | 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 #C3C3C9 to #E1DECE

#C3C3C9 #E1DECE

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

#C3C3C9 - #E1DECE | 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 #C3C3C9 as 0% and #E1DECE as 100%.

0.0%	0.0% #C3C3C9	RGB 195 195 201	#C3C3C9
16.7%	16.7% #C8C7C9	RGB 200 199 201	#C8C7C9
33.3%	33.3% #CDCCCA	RGB 205 204 202	#CDCCCA
50.0%	50.0% #D2D0CB	RGB 210 208 203	#D2D0CB
66.7%	66.7% #D7D5CC	RGB 215 213 204	#D7D5CC
83.3%	83.3% #DCD9CD	RGB 220 217 205	#DCD9CD
100.0%	100.0% #E1DECE	RGB 225 222 206	#E1DECE

#C3C3C9 #C8C7C9 #CDCCCA #D2D0CB #D7D5CC #DCD9CD #E1DECE

#C3C3C9 - #E1DECE

HSV Blend

#C3C3C9 - #E1DECE | 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 #C3C3C9 as 0% and #E1DECE as 100%.

0.0%	0.0% #C3C3C9	RGB 195 195 201	#C3C3C9
16.7%	16.7% #C8C5CD	RGB 200 197 205	#C8C5CD
33.3%	33.3% #D0C6D1	RGB 208 198 209	#D0C6D1
50.0%	50.0% #D5C8CF	RGB 213 200 207	#D5C8CF
66.7%	66.7% #D9CACC	RGB 217 202 204	#D9CACC
83.3%	83.3% #DDD2CC	RGB 221 210 204	#DDD2CC
100.0%	100.0% #E1DECE	RGB 225 222 206	#E1DECE

#C3C3C9 #C8C5CD #D0C6D1 #D5C8CF #D9CACC #DDD2CC #E1DECE

#C3C3C9 - #D5C8CF - #E1DECE

CSS codes

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

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