#E6FCFD - #EFF0FF | 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 #E6FCFD to #EFF0FF

#E6FCFD #EFF0FF

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

#E6FCFD - #EFF0FF | 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 #E6FCFD as 0% and #EFF0FF as 100%.

0.0%	0.0% #E6FCFD	RGB 230 252 253	#E6FCFD
16.7%	16.7% #E7FAFD	RGB 231 250 253	#E7FAFD
33.3%	33.3% #E9F8FD	RGB 233 248 253	#E9F8FD
50.0%	50.0% #EAF6FE	RGB 234 246 254	#EAF6FE
66.7%	66.7% #ECF4FE	RGB 236 244 254	#ECF4FE
83.3%	83.3% #EDF2FE	RGB 237 242 254	#EDF2FE
100.0%	100.0% #EFF0FF	RGB 239 240 255	#EFF0FF

#E6FCFD #E7FAFD #E9F8FD #EAF6FE #ECF4FE #EDF2FE #EFF0FF

#E6FCFD - #EFF0FF

HSV Blend

#E6FCFD - #EFF0FF | 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 #E6FCFD as 0% and #EFF0FF as 100%.

0.0%	0.0% #E6FCFD	RGB 230 252 253	#E6FCFD
16.7%	16.7% #E7F9FD	RGB 231 249 253	#E7F9FD
33.3%	33.3% #E8F6FD	RGB 232 246 253	#E8F6FD
50.0%	50.0% #EAF4FE	RGB 234 244 254	#EAF4FE
66.7%	66.7% #EBF2FE	RGB 235 242 254	#EBF2FE
83.3%	83.3% #EDF1FE	RGB 237 241 254	#EDF1FE
100.0%	100.0% #EFF0FF	RGB 239 240 255	#EFF0FF

#E6FCFD #E7F9FD #E8F6FD #EAF4FE #EBF2FE #EDF1FE #EFF0FF

#E6FCFD - #EAF4FE - #EFF0FF

CSS codes

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

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