#CADDF3 - #FCF4FB | 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 #CADDF3 to #FCF4FB

#CADDF3 #FCF4FB

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

#CADDF3 - #FCF4FB | 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 #CADDF3 as 0% and #FCF4FB as 100%.

0.0%	0.0% #CADDF3	RGB 202 221 243	#CADDF3
16.7%	16.7% #D2E0F4	RGB 210 224 244	#D2E0F4
33.3%	33.3% #DAE4F5	RGB 218 228 245	#DAE4F5
50.0%	50.0% #E3E8F7	RGB 227 232 247	#E3E8F7
66.7%	66.7% #EBECF8	RGB 235 236 248	#EBECF8
83.3%	83.3% #F3F0F9	RGB 243 240 249	#F3F0F9
100.0%	100.0% #FCF4FB	RGB 252 244 251	#FCF4FB

#CADDF3 #D2E0F4 #DAE4F5 #E3E8F7 #EBECF8 #F3F0F9 #FCF4FB

#CADDF3 - #FCF4FB

HSV Blend

#CADDF3 - #FCF4FB | 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 #CADDF3 as 0% and #FCF4FB as 100%.

0.0%	0.0% #CADDF3	RGB 202 221 243	#CADDF3
16.7%	16.7% #D0D7F4	RGB 208 215 244	#D0D7F4
33.3%	33.3% #D9D7F6	RGB 217 215 246	#D9D7F6
50.0%	50.0% #E6DEF7	RGB 230 222 247	#E6DEF7
66.7%	66.7% #F1E5F9	RGB 241 229 249	#F1E5F9
83.3%	83.3% #F8ECFA	RGB 248 236 250	#F8ECFA
100.0%	100.0% #FCF4FB	RGB 252 244 251	#FCF4FB

#CADDF3 #D0D7F4 #D9D7F6 #E6DEF7 #F1E5F9 #F8ECFA #FCF4FB

#CADDF3 - #E6DEF7 - #FCF4FB

CSS codes

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

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