#FFC3FE - #C8D9FF | 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 #FFC3FE to #C8D9FF

#FFC3FE #C8D9FF

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

#FFC3FE - #C8D9FF | 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 #FFC3FE as 0% and #C8D9FF as 100%.

0.0%	0.0% #FFC3FE	RGB 255 195 254	#FFC3FE
16.7%	16.7% #F5C6FE	RGB 245 198 254	#F5C6FE
33.3%	33.3% #ECCAFE	RGB 236 202 254	#ECCAFE
50.0%	50.0% #E3CEFE	RGB 227 206 254	#E3CEFE
66.7%	66.7% #DAD1FE	RGB 218 209 254	#DAD1FE
83.3%	83.3% #D1D5FE	RGB 209 213 254	#D1D5FE
100.0%	100.0% #C8D9FF	RGB 200 217 255	#C8D9FF

#FFC3FE #F5C6FE #ECCAFE #E3CEFE #DAD1FE #D1D5FE #C8D9FF

#FFC3FE - #C8D9FF

HSV Blend

#FFC3FE - #C8D9FF | 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 #FFC3FE as 0% and #C8D9FF as 100%.

0.0%	0.0% #FFC3FE	RGB 255 195 254	#FFC3FE
16.7%	16.7% #F2C3FF	RGB 242 195 255	#F2C3FF
33.3%	33.3% #E6C4FF	RGB 230 196 255	#E6C4FF
50.0%	50.0% #D9C5FF	RGB 217 197 255	#D9C5FF
66.7%	66.7% #CDC6FF	RGB 205 198 255	#CDC6FF
83.3%	83.3% #C7CCFF	RGB 199 204 255	#C7CCFF
100.0%	100.0% #C8D9FF	RGB 200 217 255	#C8D9FF

#FFC3FE #F2C3FF #E6C4FF #D9C5FF #CDC6FF #C7CCFF #C8D9FF

#FFC3FE - #D9C5FF - #C8D9FF

CSS codes

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

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