#CFEAFF - #E6EAF6 | 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 #CFEAFF to #E6EAF6

#CFEAFF #E6EAF6

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

#CFEAFF - #E6EAF6 | 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 #CFEAFF as 0% and #E6EAF6 as 100%.

0.0%	0.0% #CFEAFF	RGB 207 234 255	#CFEAFF
16.7%	16.7% #D2EAFD	RGB 210 234 253	#D2EAFD
33.3%	33.3% #D6EAFC	RGB 214 234 252	#D6EAFC
50.0%	50.0% #DAEAFA	RGB 218 234 250	#DAEAFA
66.7%	66.7% #DEEAF9	RGB 222 234 249	#DEEAF9
83.3%	83.3% #E2EAF7	RGB 226 234 247	#E2EAF7
100.0%	100.0% #E6EAF6	RGB 230 234 246	#E6EAF6

#CFEAFF #D2EAFD #D6EAFC #DAEAFA #DEEAF9 #E2EAF7 #E6EAF6

#CFEAFF - #E6EAF6

HSV Blend

#CFEAFF - #E6EAF6 | 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 #CFEAFF as 0% and #E6EAF6 as 100%.

0.0%	0.0% #CFEAFF	RGB 207 234 255	#CFEAFF
16.7%	16.7% #D2E8FD	RGB 210 232 253	#D2E8FD
33.3%	33.3% #D6E7FC	RGB 214 231 252	#D6E7FC
50.0%	50.0% #DAE7FA	RGB 218 231 250	#DAE7FA
66.7%	66.7% #DEE7F9	RGB 222 231 249	#DEE7F9
83.3%	83.3% #E2E8F7	RGB 226 232 247	#E2E8F7
100.0%	100.0% #E6EAF6	RGB 230 234 246	#E6EAF6

#CFEAFF #D2E8FD #D6E7FC #DAE7FA #DEE7F9 #E2E8F7 #E6EAF6

#CFEAFF - #DAE7FA - #E6EAF6

CSS codes

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

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