#CCFBFF - #F0EBFD | 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 #CCFBFF to #F0EBFD

#CCFBFF #F0EBFD

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

#CCFBFF - #F0EBFD | 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 #CCFBFF as 0% and #F0EBFD as 100%.

0.0%	0.0% #CCFBFF	RGB 204 251 255	#CCFBFF
16.7%	16.7% #D2F8FE	RGB 210 248 254	#D2F8FE
33.3%	33.3% #D8F5FE	RGB 216 245 254	#D8F5FE
50.0%	50.0% #DEF3FE	RGB 222 243 254	#DEF3FE
66.7%	66.7% #E4F0FD	RGB 228 240 253	#E4F0FD
83.3%	83.3% #EAEDFD	RGB 234 237 253	#EAEDFD
100.0%	100.0% #F0EBFD	RGB 240 235 253	#F0EBFD

#CCFBFF #D2F8FE #D8F5FE #DEF3FE #E4F0FD #EAEDFD #F0EBFD

#CCFBFF - #F0EBFD

HSV Blend

#CCFBFF - #F0EBFD | 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 #CCFBFF as 0% and #F0EBFD as 100%.

0.0%	0.0% #CCFBFF	RGB 204 251 255	#CCFBFF
16.7%	16.7% #D1F2FE	RGB 209 242 254	#D1F2FE
33.3%	33.3% #D6EBFE	RGB 214 235 254	#D6EBFE
50.0%	50.0% #DBE6FE	RGB 219 230 254	#DBE6FE
66.7%	66.7% #E0E4FD	RGB 224 228 253	#E0E4FD
83.3%	83.3% #E7E5FD	RGB 231 229 253	#E7E5FD
100.0%	100.0% #F0EBFD	RGB 240 235 253	#F0EBFD

#CCFBFF #D1F2FE #D6EBFE #DBE6FE #E0E4FD #E7E5FD #F0EBFD

#CCFBFF - #DBE6FE - #F0EBFD

CSS codes

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

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