#E3ECF6 - #8D94C0 | 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 #E3ECF6 to #8D94C0

#E3ECF6 #8D94C0

Calculate the color between two colors, #E3ECF6 and #8D94C0. 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)

#E3ECF6 - #8D94C0 | 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 #E3ECF6 as 0% and #8D94C0 as 100%.

0.0%	0.0% #E3ECF6	RGB 227 236 246	#E3ECF6
16.7%	16.7% #D4DDED	RGB 212 221 237	#D4DDED
33.3%	33.3% #C6CEE4	RGB 198 206 228	#C6CEE4
50.0%	50.0% #B8C0DB	RGB 184 192 219	#B8C0DB
66.7%	66.7% #A9B1D2	RGB 169 177 210	#A9B1D2
83.3%	83.3% #9BA2C9	RGB 155 162 201	#9BA2C9
100.0%	100.0% #8D94C0	RGB 141 148 192	#8D94C0

#E3ECF6 #D4DDED #C6CEE4 #B8C0DB #A9B1D2 #9BA2C9 #8D94C0

#E3ECF6 - #8D94C0

HSV Blend

#E3ECF6 - #8D94C0 | 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 #E3ECF6 as 0% and #8D94C0 as 100%.

0.0%	0.0% #E3ECF6	RGB 227 236 246	#E3ECF6
16.7%	16.7% #D3DEED	RGB 211 222 237	#D3DEED
33.3%	33.3% #C4CFE4	RGB 196 207 228	#C4CFE4
50.0%	50.0% #B5C0DB	RGB 181 192 219	#B5C0DB
66.7%	66.7% #A7B2D2	RGB 167 178 210	#A7B2D2
83.3%	83.3% #99A3C9	RGB 153 163 201	#99A3C9
100.0%	100.0% #8D94C0	RGB 141 148 192	#8D94C0

#E3ECF6 #D3DEED #C4CFE4 #B5C0DB #A7B2D2 #99A3C9 #8D94C0

#E3ECF6 - #B5C0DB - #8D94C0

CSS codes

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

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