#8C9BC1 - #DEE2ED | 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 #8C9BC1 to #DEE2ED

#8C9BC1 #DEE2ED

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

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

0.0%	0.0% #8C9BC1	RGB 140 155 193	#8C9BC1
16.7%	16.7% #99A6C8	RGB 153 166 200	#99A6C8
33.3%	33.3% #A7B2CF	RGB 167 178 207	#A7B2CF
50.0%	50.0% #B5BED7	RGB 181 190 215	#B5BED7
66.7%	66.7% #C2CADE	RGB 194 202 222	#C2CADE
83.3%	83.3% #D0D6E5	RGB 208 214 229	#D0D6E5
100.0%	100.0% #DEE2ED	RGB 222 226 237	#DEE2ED

#8C9BC1 #99A6C8 #A7B2CF #B5BED7 #C2CADE #D0D6E5 #DEE2ED

#8C9BC1 - #DEE2ED

HSV Blend

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

0.0%	0.0% #8C9BC1	RGB 140 155 193	#8C9BC1
16.7%	16.7% #98A5C8	RGB 152 165 200	#98A5C8
33.3%	33.3% #A5B1CF	RGB 165 177 207	#A5B1CF
50.0%	50.0% #B2BCD7	RGB 178 188 215	#B2BCD7
66.7%	66.7% #C0C8DE	RGB 192 200 222	#C0C8DE
83.3%	83.3% #CFD5E5	RGB 207 213 229	#CFD5E5
100.0%	100.0% #DEE2ED	RGB 222 226 237	#DEE2ED

#8C9BC1 #98A5C8 #A5B1CF #B2BCD7 #C0C8DE #CFD5E5 #DEE2ED

#8C9BC1 - #B2BCD7 - #DEE2ED

CSS codes

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

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