#C8BBC5 - #FFCCF8 | 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 #C8BBC5 to #FFCCF8

#C8BBC5 #FFCCF8

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

#C8BBC5 - #FFCCF8 | 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 #C8BBC5 as 0% and #FFCCF8 as 100%.

0.0%	0.0% #C8BBC5	RGB 200 187 197	#C8BBC5
16.7%	16.7% #D1BDCD	RGB 209 189 205	#D1BDCD
33.3%	33.3% #DAC0D6	RGB 218 192 214	#DAC0D6
50.0%	50.0% #E3C3DE	RGB 227 195 222	#E3C3DE
66.7%	66.7% #ECC6E7	RGB 236 198 231	#ECC6E7
83.3%	83.3% #F5C9EF	RGB 245 201 239	#F5C9EF
100.0%	100.0% #FFCCF8	RGB 255 204 248	#FFCCF8

#C8BBC5 #D1BDCD #DAC0D6 #E3C3DE #ECC6E7 #F5C9EF #FFCCF8

#C8BBC5 - #FFCCF8

HSV Blend

#C8BBC5 - #FFCCF8 | 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 #C8BBC5 as 0% and #FFCCF8 as 100%.

0.0%	0.0% #C8BBC5	RGB 200 187 197	#C8BBC5
16.7%	16.7% #D1BECD	RGB 209 190 205	#D1BECD
33.3%	33.3% #DAC2D5	RGB 218 194 213	#DAC2D5
50.0%	50.0% #E3C5DD	RGB 227 197 221	#E3C5DD
66.7%	66.7% #ECC7E6	RGB 236 199 230	#ECC7E6
83.3%	83.3% #F5CAEF	RGB 245 202 239	#F5CAEF
100.0%	100.0% #FFCCF8	RGB 255 204 248	#FFCCF8

#C8BBC5 #D1BECD #DAC2D5 #E3C5DD #ECC7E6 #F5CAEF #FFCCF8

#C8BBC5 - #E3C5DD - #FFCCF8

CSS codes

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

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