#C3C2FE - #FBEAFD | 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 #C3C2FE to #FBEAFD

#C3C2FE #FBEAFD

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

#C3C2FE - #FBEAFD | 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 #C3C2FE as 0% and #FBEAFD as 100%.

0.0%	0.0% #C3C2FE	RGB 195 194 254	#C3C2FE
16.7%	16.7% #CCC8FD	RGB 204 200 253	#CCC8FD
33.3%	33.3% #D5CFFD	RGB 213 207 253	#D5CFFD
50.0%	50.0% #DFD6FD	RGB 223 214 253	#DFD6FD
66.7%	66.7% #E8DCFD	RGB 232 220 253	#E8DCFD
83.3%	83.3% #F1E3FD	RGB 241 227 253	#F1E3FD
100.0%	100.0% #FBEAFD	RGB 251 234 253	#FBEAFD

#C3C2FE #CCC8FD #D5CFFD #DFD6FD #E8DCFD #F1E3FD #FBEAFD

#C3C2FE - #FBEAFD

HSV Blend

#C3C2FE - #FBEAFD | 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 #C3C2FE as 0% and #FBEAFD as 100%.

0.0%	0.0% #C3C2FE	RGB 195 194 254	#C3C2FE
16.7%	16.7% #D1C8FD	RGB 209 200 253	#D1C8FD
33.3%	33.3% #DDCFFD	RGB 221 207 253	#DDCFFD
50.0%	50.0% #E8D6FD	RGB 232 214 253	#E8D6FD
66.7%	66.7% #F0DCFD	RGB 240 220 253	#F0DCFD
83.3%	83.3% #F6E3FD	RGB 246 227 253	#F6E3FD
100.0%	100.0% #FBEAFD	RGB 251 234 253	#FBEAFD

#C3C2FE #D1C8FD #DDCFFD #E8D6FD #F0DCFD #F6E3FD #FBEAFD

#C3C2FE - #E8D6FD - #FBEAFD

CSS codes

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

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