#E2EDFD - #8BABD0 | 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 #E2EDFD to #8BABD0

#E2EDFD #8BABD0

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

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

0.0%	0.0% #E2EDFD	RGB 226 237 253	#E2EDFD
16.7%	16.7% #D3E2F5	RGB 211 226 245	#D3E2F5
33.3%	33.3% #C5D7EE	RGB 197 215 238	#C5D7EE
50.0%	50.0% #B6CCE6	RGB 182 204 230	#B6CCE6
66.7%	66.7% #A8C1DF	RGB 168 193 223	#A8C1DF
83.3%	83.3% #99B6D7	RGB 153 182 215	#99B6D7
100.0%	100.0% #8BABD0	RGB 139 171 208	#8BABD0

#E2EDFD #D3E2F5 #C5D7EE #B6CCE6 #A8C1DF #99B6D7 #8BABD0

#E2EDFD - #8BABD0

HSV Blend

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

0.0%	0.0% #E2EDFD	RGB 226 237 253	#E2EDFD
16.7%	16.7% #D2E0F5	RGB 210 224 245	#D2E0F5
33.3%	33.3% #C2D5EE	RGB 194 213 238	#C2D5EE
50.0%	50.0% #B3C9E6	RGB 179 201 230	#B3C9E6
66.7%	66.7% #A5BFDF	RGB 165 191 223	#A5BFDF
83.3%	83.3% #98B4D7	RGB 152 180 215	#98B4D7
100.0%	100.0% #8BABD0	RGB 139 171 208	#8BABD0

#E2EDFD #D2E0F5 #C2D5EE #B3C9E6 #A5BFDF #98B4D7 #8BABD0

#E2EDFD - #B3C9E6 - #8BABD0

CSS codes

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

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