#E2EBFE - #8AA9D1 | 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 #E2EBFE to #8AA9D1

#E2EBFE #8AA9D1

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

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

0.0%	0.0% #E2EBFE	RGB 226 235 254	#E2EBFE
16.7%	16.7% #D3E0F6	RGB 211 224 246	#D3E0F6
33.3%	33.3% #C4D5EF	RGB 196 213 239	#C4D5EF
50.0%	50.0% #B6CAE7	RGB 182 202 231	#B6CAE7
66.7%	66.7% #A7BFE0	RGB 167 191 224	#A7BFE0
83.3%	83.3% #98B4D8	RGB 152 180 216	#98B4D8
100.0%	100.0% #8AA9D1	RGB 138 169 209	#8AA9D1

#E2EBFE #D3E0F6 #C4D5EF #B6CAE7 #A7BFE0 #98B4D8 #8AA9D1

#E2EBFE - #8AA9D1

HSV Blend

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

0.0%	0.0% #E2EBFE	RGB 226 235 254	#E2EBFE
16.7%	16.7% #D1DEF6	RGB 209 222 246	#D1DEF6
33.3%	33.3% #C2D2EF	RGB 194 210 239	#C2D2EF
50.0%	50.0% #B3C7E7	RGB 179 199 231	#B3C7E7
66.7%	66.7% #A5BCE0	RGB 165 188 224	#A5BCE0
83.3%	83.3% #97B2D8	RGB 151 178 216	#97B2D8
100.0%	100.0% #8AA9D1	RGB 138 169 209	#8AA9D1

#E2EBFE #D1DEF6 #C2D2EF #B3C7E7 #A5BCE0 #97B2D8 #8AA9D1

#E2EBFE - #B3C7E7 - #8AA9D1

CSS codes

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

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