#ECF0FD - #96B2CE | 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 #ECF0FD to #96B2CE

#ECF0FD #96B2CE

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

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

0.0%	0.0% #ECF0FD	RGB 236 240 253	#ECF0FD
16.7%	16.7% #DDE5F5	RGB 221 229 245	#DDE5F5
33.3%	33.3% #CFDBED	RGB 207 219 237	#CFDBED
50.0%	50.0% #C1D1E5	RGB 193 209 229	#C1D1E5
66.7%	66.7% #B2C6DD	RGB 178 198 221	#B2C6DD
83.3%	83.3% #A4BCD5	RGB 164 188 213	#A4BCD5
100.0%	100.0% #96B2CE	RGB 150 178 206	#96B2CE

#ECF0FD #DDE5F5 #CFDBED #C1D1E5 #B2C6DD #A4BCD5 #96B2CE

#ECF0FD - #96B2CE

HSV Blend

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

0.0%	0.0% #ECF0FD	RGB 236 240 253	#ECF0FD
16.7%	16.7% #DCE3F5	RGB 220 227 245	#DCE3F5
33.3%	33.3% #CDD7ED	RGB 205 215 237	#CDD7ED
50.0%	50.0% #BECCE5	RGB 190 204 229	#BECCE5
66.7%	66.7% #B0C3DD	RGB 176 195 221	#B0C3DD
83.3%	83.3% #A2BAD5	RGB 162 186 213	#A2BAD5
100.0%	100.0% #96B2CE	RGB 150 178 206	#96B2CE

#ECF0FD #DCE3F5 #CDD7ED #BECCE5 #B0C3DD #A2BAD5 #96B2CE

#ECF0FD - #BECCE5 - #96B2CE

CSS codes

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

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