#C3C0C1 - #C9E2D0 | 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 #C3C0C1 to #C9E2D0

#C3C0C1 #C9E2D0

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

#C3C0C1 - #C9E2D0 | 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 #C3C0C1 as 0% and #C9E2D0 as 100%.

0.0%	0.0% #C3C0C1	RGB 195 192 193	#C3C0C1
16.7%	16.7% #C4C5C3	RGB 196 197 195	#C4C5C3
33.3%	33.3% #C5CBC6	RGB 197 203 198	#C5CBC6
50.0%	50.0% #C6D1C8	RGB 198 209 200	#C6D1C8
66.7%	66.7% #C7D6CB	RGB 199 214 203	#C7D6CB
83.3%	83.3% #C8DCCD	RGB 200 220 205	#C8DCCD
100.0%	100.0% #C9E2D0	RGB 201 226 208	#C9E2D0

#C3C0C1 #C4C5C3 #C5CBC6 #C6D1C8 #C7D6CB #C8DCCD #C9E2D0

#C3C0C1 - #C9E2D0

HSV Blend

#C3C0C1 - #C9E2D0 | 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 #C3C0C1 as 0% and #C9E2D0 as 100%.

0.0%	0.0% #C3C0C1	RGB 195 192 193	#C3C0C1
16.7%	16.7% #C8C2C1	RGB 200 194 193	#C8C2C1
33.3%	33.3% #CDC8C3	RGB 205 200 195	#CDC8C3
50.0%	50.0% #D2D2C5	RGB 210 210 197	#D2D2C5
66.7%	66.7% #D0D7C6	RGB 208 215 198	#D0D7C6
83.3%	83.3% #CBDCC7	RGB 203 220 199	#CBDCC7
100.0%	100.0% #C9E2D0	RGB 201 226 208	#C9E2D0

#C3C0C1 #C8C2C1 #CDC8C3 #D2D2C5 #D0D7C6 #CBDCC7 #C9E2D0

#C3C0C1 - #D2D2C5 - #C9E2D0

CSS codes

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

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