#8C9FBA - #DEE3EB | 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 #8C9FBA to #DEE3EB

#8C9FBA #DEE3EB

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

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

0.0%	0.0% #8C9FBA	RGB 140 159 186	#8C9FBA
16.7%	16.7% #99AAC2	RGB 153 170 194	#99AAC2
33.3%	33.3% #A7B5CA	RGB 167 181 202	#A7B5CA
50.0%	50.0% #B5C1D2	RGB 181 193 210	#B5C1D2
66.7%	66.7% #C2CCDA	RGB 194 204 218	#C2CCDA
83.3%	83.3% #D0D7E2	RGB 208 215 226	#D0D7E2
100.0%	100.0% #DEE3EB	RGB 222 227 235	#DEE3EB

#8C9FBA #99AAC2 #A7B5CA #B5C1D2 #C2CCDA #D0D7E2 #DEE3EB

#8C9FBA - #DEE3EB

HSV Blend

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

0.0%	0.0% #8C9FBA	RGB 140 159 186	#8C9FBA
16.7%	16.7% #98A9C2	RGB 152 169 194	#98A9C2
33.3%	33.3% #A5B4CA	RGB 165 180 202	#A5B4CA
50.0%	50.0% #B2BFD2	RGB 178 191 210	#B2BFD2
66.7%	66.7% #C0CADA	RGB 192 202 218	#C0CADA
83.3%	83.3% #CFD6E2	RGB 207 214 226	#CFD6E2
100.0%	100.0% #DEE3EB	RGB 222 227 235	#DEE3EB

#8C9FBA #98A9C2 #A5B4CA #B2BFD2 #C0CADA #CFD6E2 #DEE3EB

#8C9FBA - #B2BFD2 - #DEE3EB

CSS codes

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

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