#CFDEEE - #FBF3FF | 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 #CFDEEE to #FBF3FF

#CFDEEE #FBF3FF

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

#CFDEEE - #FBF3FF | 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 #CFDEEE as 0% and #FBF3FF as 100%.

0.0%	0.0% #CFDEEE	RGB 207 222 238	#CFDEEE
16.7%	16.7% #D6E1F0	RGB 214 225 240	#D6E1F0
33.3%	33.3% #DDE5F3	RGB 221 229 243	#DDE5F3
50.0%	50.0% #E5E8F6	RGB 229 232 246	#E5E8F6
66.7%	66.7% #ECECF9	RGB 236 236 249	#ECECF9
83.3%	83.3% #F3EFFC	RGB 243 239 252	#F3EFFC
100.0%	100.0% #FBF3FF	RGB 251 243 255	#FBF3FF

#CFDEEE #D6E1F0 #DDE5F3 #E5E8F6 #ECECF9 #F3EFFC #FBF3FF

#CFDEEE - #FBF3FF

HSV Blend

#CFDEEE - #FBF3FF | 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 #CFDEEE as 0% and #FBF3FF as 100%.

0.0%	0.0% #CFDEEE	RGB 207 222 238	#CFDEEE
16.7%	16.7% #D4DCF0	RGB 212 220 240	#D4DCF0
33.3%	33.3% #DADDF3	RGB 218 221 243	#DADDF3
50.0%	50.0% #E2E0F6	RGB 226 224 246	#E2E0F6
66.7%	66.7% #EBE6F9	RGB 235 230 249	#EBE6F9
83.3%	83.3% #F4ECFC	RGB 244 236 252	#F4ECFC
100.0%	100.0% #FBF3FF	RGB 251 243 255	#FBF3FF

#CFDEEE #D4DCF0 #DADDF3 #E2E0F6 #EBE6F9 #F4ECFC #FBF3FF

#CFDEEE - #E2E0F6 - #FBF3FF

CSS codes

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

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