#8C8FAD - #DEDFE7 | 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 #8C8FAD to #DEDFE7

#8C8FAD #DEDFE7

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

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

0.0%	0.0% #8C8FAD	RGB 140 143 173	#8C8FAD
16.7%	16.7% #999CB6	RGB 153 156 182	#999CB6
33.3%	33.3% #A7A9C0	RGB 167 169 192	#A7A9C0
50.0%	50.0% #B5B7CA	RGB 181 183 202	#B5B7CA
66.7%	66.7% #C2C4D3	RGB 194 196 211	#C2C4D3
83.3%	83.3% #D0D1DD	RGB 208 209 221	#D0D1DD
100.0%	100.0% #DEDFE7	RGB 222 223 231	#DEDFE7

#8C8FAD #999CB6 #A7A9C0 #B5B7CA #C2C4D3 #D0D1DD #DEDFE7

#8C8FAD - #DEDFE7

HSV Blend

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

0.0%	0.0% #8C8FAD	RGB 140 143 173	#8C8FAD
16.7%	16.7% #989BB6	RGB 152 155 182	#989BB6
33.3%	33.3% #A5A8C0	RGB 165 168 192	#A5A8C0
50.0%	50.0% #B2B5CA	RGB 178 181 202	#B2B5CA
66.7%	66.7% #C0C2D3	RGB 192 194 211	#C0C2D3
83.3%	83.3% #CFD0DD	RGB 207 208 221	#CFD0DD
100.0%	100.0% #DEDFE7	RGB 222 223 231	#DEDFE7

#8C8FAD #989BB6 #A5A8C0 #B2B5CA #C0C2D3 #CFD0DD #DEDFE7

#8C8FAD - #B2B5CA - #DEDFE7

CSS codes

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

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