#8C9FBE - #DEE3EC | 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 #8C9FBE to #DEE3EC

#8C9FBE #DEE3EC

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

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

0.0%	0.0% #8C9FBE	RGB 140 159 190	#8C9FBE
16.7%	16.7% #99AAC5	RGB 153 170 197	#99AAC5
33.3%	33.3% #A7B5CD	RGB 167 181 205	#A7B5CD
50.0%	50.0% #B5C1D5	RGB 181 193 213	#B5C1D5
66.7%	66.7% #C2CCDC	RGB 194 204 220	#C2CCDC
83.3%	83.3% #D0D7E4	RGB 208 215 228	#D0D7E4
100.0%	100.0% #DEE3EC	RGB 222 227 236	#DEE3EC

#8C9FBE #99AAC5 #A7B5CD #B5C1D5 #C2CCDC #D0D7E4 #DEE3EC

#8C9FBE - #DEE3EC

HSV Blend

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

0.0%	0.0% #8C9FBE	RGB 140 159 190	#8C9FBE
16.7%	16.7% #98A9C5	RGB 152 169 197	#98A9C5
33.3%	33.3% #A5B4CD	RGB 165 180 205	#A5B4CD
50.0%	50.0% #B2BFD5	RGB 178 191 213	#B2BFD5
66.7%	66.7% #C0CADC	RGB 192 202 220	#C0CADC
83.3%	83.3% #CFD6E4	RGB 207 214 228	#CFD6E4
100.0%	100.0% #DEE3EC	RGB 222 227 236	#DEE3EC

#8C9FBE #98A9C5 #A5B4CD #B2BFD5 #C0CADC #CFD6E4 #DEE3EC

#8C9FBE - #B2BFD5 - #DEE3EC

CSS codes

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

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