#C8C8C9 - #FABDFF | 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 #C8C8C9 to #FABDFF

#C8C8C9 #FABDFF

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

#C8C8C9 - #FABDFF | 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 #C8C8C9 as 0% and #FABDFF as 100%.

0.0%	0.0% #C8C8C9	RGB 200 200 201	#C8C8C9
16.7%	16.7% #D0C6D2	RGB 208 198 210	#D0C6D2
33.3%	33.3% #D8C4DB	RGB 216 196 219	#D8C4DB
50.0%	50.0% #E1C2E4	RGB 225 194 228	#E1C2E4
66.7%	66.7% #E9C0ED	RGB 233 192 237	#E9C0ED
83.3%	83.3% #F1BEF6	RGB 241 190 246	#F1BEF6
100.0%	100.0% #FABDFF	RGB 250 189 255	#FABDFF

#C8C8C9 #D0C6D2 #D8C4DB #E1C2E4 #E9C0ED #F1BEF6 #FABDFF

#C8C8C9 - #FABDFF

HSV Blend

#C8C8C9 - #FABDFF | 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 #C8C8C9 as 0% and #FABDFF as 100%.

0.0%	0.0% #C8C8C9	RGB 200 200 201	#C8C8C9
16.7%	16.7% #C9C8D2	RGB 201 200 210	#C9C8D2
33.3%	33.3% #CDC7DB	RGB 205 199 219	#CDC7DB
50.0%	50.0% #D3C5E4	RGB 211 197 228	#D3C5E4
66.7%	66.7% #DDC3ED	RGB 221 195 237	#DDC3ED
83.3%	83.3% #E9C0F6	RGB 233 192 246	#E9C0F6
100.0%	100.0% #FABDFF	RGB 250 189 255	#FABDFF

#C8C8C9 #C9C8D2 #CDC7DB #D3C5E4 #DDC3ED #E9C0F6 #FABDFF

#C8C8C9 - #D3C5E4 - #FABDFF

CSS codes

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

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