#E1E9F2 - #8DA6BF | 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 #E1E9F2 to #8DA6BF

#E1E9F2 #8DA6BF

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

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

0.0%	0.0% #E1E9F2	RGB 225 233 242	#E1E9F2
16.7%	16.7% #D3DDE9	RGB 211 221 233	#D3DDE9
33.3%	33.3% #C5D2E1	RGB 197 210 225	#C5D2E1
50.0%	50.0% #B7C7D8	RGB 183 199 216	#B7C7D8
66.7%	66.7% #A9BCD0	RGB 169 188 208	#A9BCD0
83.3%	83.3% #9BB1C7	RGB 155 177 199	#9BB1C7
100.0%	100.0% #8DA6BF	RGB 141 166 191	#8DA6BF

#E1E9F2 #D3DDE9 #C5D2E1 #B7C7D8 #A9BCD0 #9BB1C7 #8DA6BF

#E1E9F2 - #8DA6BF

HSV Blend

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

0.0%	0.0% #E1E9F2	RGB 225 233 242	#E1E9F2
16.7%	16.7% #D1DCE9	RGB 209 220 233	#D1DCE9
33.3%	33.3% #C2D1E1	RGB 194 209 225	#C2D1E1
50.0%	50.0% #B4C6D8	RGB 180 198 216	#B4C6D8
66.7%	66.7% #A6BBD0	RGB 166 187 208	#A6BBD0
83.3%	83.3% #99B0C7	RGB 153 176 199	#99B0C7
100.0%	100.0% #8DA6BF	RGB 141 166 191	#8DA6BF

#E1E9F2 #D1DCE9 #C2D1E1 #B4C6D8 #A6BBD0 #99B0C7 #8DA6BF

#E1E9F2 - #B4C6D8 - #8DA6BF

CSS codes

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

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