#CEF0FF - #ECEAF6 | 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 #CEF0FF to #ECEAF6

#CEF0FF #ECEAF6

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

#CEF0FF - #ECEAF6 | 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 #CEF0FF as 0% and #ECEAF6 as 100%.

0.0%	0.0% #CEF0FF	RGB 206 240 255	#CEF0FF
16.7%	16.7% #D3EFFD	RGB 211 239 253	#D3EFFD
33.3%	33.3% #D8EEFC	RGB 216 238 252	#D8EEFC
50.0%	50.0% #DDEDFA	RGB 221 237 250	#DDEDFA
66.7%	66.7% #E2ECF9	RGB 226 236 249	#E2ECF9
83.3%	83.3% #E7EBF7	RGB 231 235 247	#E7EBF7
100.0%	100.0% #ECEAF6	RGB 236 234 246	#ECEAF6

#CEF0FF #D3EFFD #D8EEFC #DDEDFA #E2ECF9 #E7EBF7 #ECEAF6

#CEF0FF - #ECEAF6

HSV Blend

#CEF0FF - #ECEAF6 | 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 #CEF0FF as 0% and #ECEAF6 as 100%.

0.0%	0.0% #CEF0FF	RGB 206 240 255	#CEF0FF
16.7%	16.7% #D2EAFD	RGB 210 234 253	#D2EAFD
33.3%	33.3% #D7E6FC	RGB 215 230 252	#D7E6FC
50.0%	50.0% #DCE4FA	RGB 220 228 250	#DCE4FA
66.7%	66.7% #E0E3F9	RGB 224 227 249	#E0E3F9
83.3%	83.3% #E5E5F7	RGB 229 229 247	#E5E5F7
100.0%	100.0% #ECEAF6	RGB 236 234 246	#ECEAF6

#CEF0FF #D2EAFD #D7E6FC #DCE4FA #E0E3F9 #E5E5F7 #ECEAF6

#CEF0FF - #DCE4FA - #ECEAF6

CSS codes

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

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