#C3C3C8 - #F7DCFF | 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 #C3C3C8 to #F7DCFF

#C3C3C8 #F7DCFF

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

#C3C3C8 - #F7DCFF | 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 #C3C3C8 as 0% and #F7DCFF as 100%.

0.0%	0.0% #C3C3C8	RGB 195 195 200	#C3C3C8
16.7%	16.7% #CBC7D1	RGB 203 199 209	#CBC7D1
33.3%	33.3% #D4CBDA	RGB 212 203 218	#D4CBDA
50.0%	50.0% #DDCFE3	RGB 221 207 227	#DDCFE3
66.7%	66.7% #E5D3EC	RGB 229 211 236	#E5D3EC
83.3%	83.3% #EED7F5	RGB 238 215 245	#EED7F5
100.0%	100.0% #F7DCFF	RGB 247 220 255	#F7DCFF

#C3C3C8 #CBC7D1 #D4CBDA #DDCFE3 #E5D3EC #EED7F5 #F7DCFF

#C3C3C8 - #F7DCFF

HSV Blend

#C3C3C8 - #F7DCFF | 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 #C3C3C8 as 0% and #F7DCFF as 100%.

0.0%	0.0% #C3C3C8	RGB 195 195 200	#C3C3C8
16.7%	16.7% #C9C8D1	RGB 201 200 209	#C9C8D1
33.3%	33.3% #D0CCDA	RGB 208 204 218	#D0CCDA
50.0%	50.0% #D8D1E3	RGB 216 209 227	#D8D1E3
66.7%	66.7% #E1D5EC	RGB 225 213 236	#E1D5EC
83.3%	83.3% #EBD8F5	RGB 235 216 245	#EBD8F5
100.0%	100.0% #F7DCFF	RGB 247 220 255	#F7DCFF

#C3C3C8 #C9C8D1 #D0CCDA #D8D1E3 #E1D5EC #EBD8F5 #F7DCFF

#C3C3C8 - #D8D1E3 - #F7DCFF

CSS codes

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

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