#ECF0FE - #96B2D0 | 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 #ECF0FE to #96B2D0

#ECF0FE #96B2D0

Calculate the color between two colors, #ECF0FE and #96B2D0. 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)

#ECF0FE - #96B2D0 | 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 #ECF0FE as 0% and #96B2D0 as 100%.

0.0%	0.0% #ECF0FE	RGB 236 240 254	#ECF0FE
16.7%	16.7% #DDE5F6	RGB 221 229 246	#DDE5F6
33.3%	33.3% #CFDBEE	RGB 207 219 238	#CFDBEE
50.0%	50.0% #C1D1E7	RGB 193 209 231	#C1D1E7
66.7%	66.7% #B2C6DF	RGB 178 198 223	#B2C6DF
83.3%	83.3% #A4BCD7	RGB 164 188 215	#A4BCD7
100.0%	100.0% #96B2D0	RGB 150 178 208	#96B2D0

#ECF0FE #DDE5F6 #CFDBEE #C1D1E7 #B2C6DF #A4BCD7 #96B2D0

#ECF0FE - #96B2D0

HSV Blend

#ECF0FE - #96B2D0 | 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 #ECF0FE as 0% and #96B2D0 as 100%.

0.0%	0.0% #ECF0FE	RGB 236 240 254	#ECF0FE
16.7%	16.7% #DCE3F6	RGB 220 227 246	#DCE3F6
33.3%	33.3% #CDD7EE	RGB 205 215 238	#CDD7EE
50.0%	50.0% #BECCE7	RGB 190 204 231	#BECCE7
66.7%	66.7% #B0C3DF	RGB 176 195 223	#B0C3DF
83.3%	83.3% #A3BAD7	RGB 163 186 215	#A3BAD7
100.0%	100.0% #96B2D0	RGB 150 178 208	#96B2D0

#ECF0FE #DCE3F6 #CDD7EE #BECCE7 #B0C3DF #A3BAD7 #96B2D0

#ECF0FE - #BECCE7 - #96B2D0

CSS codes

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

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