#CAD4E3 - #FCF2FF | 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 #CAD4E3 to #FCF2FF

#CAD4E3 #FCF2FF

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

#CAD4E3 - #FCF2FF | 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 #CAD4E3 as 0% and #FCF2FF as 100%.

0.0%	0.0% #CAD4E3	RGB 202 212 227	#CAD4E3
16.7%	16.7% #D2D9E7	RGB 210 217 231	#D2D9E7
33.3%	33.3% #DADEEC	RGB 218 222 236	#DADEEC
50.0%	50.0% #E3E3F1	RGB 227 227 241	#E3E3F1
66.7%	66.7% #EBE8F5	RGB 235 232 245	#EBE8F5
83.3%	83.3% #F3EDFA	RGB 243 237 250	#F3EDFA
100.0%	100.0% #FCF2FF	RGB 252 242 255	#FCF2FF

#CAD4E3 #D2D9E7 #DADEEC #E3E3F1 #EBE8F5 #F3EDFA #FCF2FF

#CAD4E3 - #FCF2FF

HSV Blend

#CAD4E3 - #FCF2FF | 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 #CAD4E3 as 0% and #FCF2FF as 100%.

0.0%	0.0% #CAD4E3	RGB 202 212 227	#CAD4E3
16.7%	16.7% #D0D5E7	RGB 208 213 231	#D0D5E7
33.3%	33.3% #D6D7EC	RGB 214 215 236	#D6D7EC
50.0%	50.0% #E1DDF1	RGB 225 221 241	#E1DDF1
66.7%	66.7% #EAE4F5	RGB 234 228 245	#EAE4F5
83.3%	83.3% #F3EBFA	RGB 243 235 250	#F3EBFA
100.0%	100.0% #FCF2FF	RGB 252 242 255	#FCF2FF

#CAD4E3 #D0D5E7 #D6D7EC #E1DDF1 #EAE4F5 #F3EBFA #FCF2FF

#CAD4E3 - #E1DDF1 - #FCF2FF

CSS codes

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

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