#E2EDFF - #8DA7CC | 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 #E2EDFF to #8DA7CC

#E2EDFF #8DA7CC

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

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

0.0%	0.0% #E2EDFF	RGB 226 237 255	#E2EDFF
16.7%	16.7% #D3E1F6	RGB 211 225 246	#D3E1F6
33.3%	33.3% #C5D5EE	RGB 197 213 238	#C5D5EE
50.0%	50.0% #B7CAE5	RGB 183 202 229	#B7CAE5
66.7%	66.7% #A9BEDD	RGB 169 190 221	#A9BEDD
83.3%	83.3% #9BB2D4	RGB 155 178 212	#9BB2D4
100.0%	100.0% #8DA7CC	RGB 141 167 204	#8DA7CC

#E2EDFF #D3E1F6 #C5D5EE #B7CAE5 #A9BEDD #9BB2D4 #8DA7CC

#E2EDFF - #8DA7CC

HSV Blend

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

0.0%	0.0% #E2EDFF	RGB 226 237 255	#E2EDFF
16.7%	16.7% #D2E0F6	RGB 210 224 246	#D2E0F6
33.3%	33.3% #C3D4EE	RGB 195 212 238	#C3D4EE
50.0%	50.0% #B5C8E5	RGB 181 200 229	#B5C8E5
66.7%	66.7% #A7BCDD	RGB 167 188 221	#A7BCDD
83.3%	83.3% #99B1D4	RGB 153 177 212	#99B1D4
100.0%	100.0% #8DA7CC	RGB 141 167 204	#8DA7CC

#E2EDFF #D2E0F6 #C3D4EE #B5C8E5 #A7BCDD #99B1D4 #8DA7CC

#E2EDFF - #B5C8E5 - #8DA7CC

CSS codes

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

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