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

#8D9DBE #DEE3EC

Calculate the color between two colors, #8D9DBE 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)

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

0.0%	0.0% #8D9DBE	RGB 141 157 190	#8D9DBE
16.7%	16.7% #9AA8C5	RGB 154 168 197	#9AA8C5
33.3%	33.3% #A8B4CD	RGB 168 180 205	#A8B4CD
50.0%	50.0% #B5C0D5	RGB 181 192 213	#B5C0D5
66.7%	66.7% #C3CBDC	RGB 195 203 220	#C3CBDC
83.3%	83.3% #D0D7E4	RGB 208 215 228	#D0D7E4
100.0%	100.0% #DEE3EC	RGB 222 227 236	#DEE3EC

#8D9DBE #9AA8C5 #A8B4CD #B5C0D5 #C3CBDC #D0D7E4 #DEE3EC

#8D9DBE - #DEE3EC

HSV Blend

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

0.0%	0.0% #8D9DBE	RGB 141 157 190	#8D9DBE
16.7%	16.7% #99A7C5	RGB 153 167 197	#99A7C5
33.3%	33.3% #A5B3CD	RGB 165 179 205	#A5B3CD
50.0%	50.0% #B3BED5	RGB 179 190 213	#B3BED5
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

#8D9DBE #99A7C5 #A5B3CD #B3BED5 #C0CADC #CFD6E4 #DEE3EC

#8D9DBE - #B3BED5 - #DEE3EC

CSS codes

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

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