#C7E4FC - #EFF7FE | 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 #C7E4FC to #EFF7FE

#C7E4FC #EFF7FE

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

#C7E4FC - #EFF7FE | 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 #C7E4FC as 0% and #EFF7FE as 100%.

0.0%	0.0% #C7E4FC	RGB 199 228 252	#C7E4FC
16.7%	16.7% #CDE7FC	RGB 205 231 252	#CDE7FC
33.3%	33.3% #D4EAFC	RGB 212 234 252	#D4EAFC
50.0%	50.0% #DBEDFD	RGB 219 237 253	#DBEDFD
66.7%	66.7% #E1F0FD	RGB 225 240 253	#E1F0FD
83.3%	83.3% #E8F3FD	RGB 232 243 253	#E8F3FD
100.0%	100.0% #EFF7FE	RGB 239 247 254	#EFF7FE

#C7E4FC #CDE7FC #D4EAFC #DBEDFD #E1F0FD #E8F3FD #EFF7FE

#C7E4FC - #EFF7FE

HSV Blend

#C7E4FC - #EFF7FE | 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 #C7E4FC as 0% and #EFF7FE as 100%.

0.0%	0.0% #C7E4FC	RGB 199 228 252	#C7E4FC
16.7%	16.7% #CDE7FC	RGB 205 231 252	#CDE7FC
33.3%	33.3% #D4EAFC	RGB 212 234 252	#D4EAFC
50.0%	50.0% #DAEDFD	RGB 218 237 253	#DAEDFD
66.7%	66.7% #E1F0FD	RGB 225 240 253	#E1F0FD
83.3%	83.3% #E8F3FD	RGB 232 243 253	#E8F3FD
100.0%	100.0% #EFF7FE	RGB 239 247 254	#EFF7FE

#C7E4FC #CDE7FC #D4EAFC #DAEDFD #E1F0FD #E8F3FD #EFF7FE

#C7E4FC - #DAEDFD - #EFF7FE

CSS codes

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

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