#CFEADF - #ECF3FF | 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 #CFEADF to #ECF3FF

#CFEADF #ECF3FF

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

#CFEADF - #ECF3FF | 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 #CFEADF as 0% and #ECF3FF as 100%.

0.0%	0.0% #CFEADF	RGB 207 234 223	#CFEADF
16.7%	16.7% #D3EBE4	RGB 211 235 228	#D3EBE4
33.3%	33.3% #D8EDE9	RGB 216 237 233	#D8EDE9
50.0%	50.0% #DDEEEF	RGB 221 238 239	#DDEEEF
66.7%	66.7% #E2F0F4	RGB 226 240 244	#E2F0F4
83.3%	83.3% #E7F1F9	RGB 231 241 249	#E7F1F9
100.0%	100.0% #ECF3FF	RGB 236 243 255	#ECF3FF

#CFEADF #D3EBE4 #D8EDE9 #DDEEEF #E2F0F4 #E7F1F9 #ECF3FF

#CFEADF - #ECF3FF

HSV Blend

#CFEADF - #ECF3FF | 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 #CFEADF as 0% and #ECF3FF as 100%.

0.0%	0.0% #CFEADF	RGB 207 234 223	#CFEADF
16.7%	16.7% #D3EDE7	RGB 211 237 231	#D3EDE7
33.3%	33.3% #D8F1EF	RGB 216 241 239	#D8F1EF
50.0%	50.0% #DDF1F4	RGB 221 241 244	#DDF1F4
66.7%	66.7% #E2F1F8	RGB 226 241 248	#E2F1F8
83.3%	83.3% #E7F2FB	RGB 231 242 251	#E7F2FB
100.0%	100.0% #ECF3FF	RGB 236 243 255	#ECF3FF

#CFEADF #D3EDE7 #D8F1EF #DDF1F4 #E2F1F8 #E7F2FB #ECF3FF

#CFEADF - #DDF1F4 - #ECF3FF

CSS codes

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

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