#8C859C - #DEDCE2 | 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 #8C859C to #DEDCE2

#8C859C #DEDCE2

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

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

0.0%	0.0% #8C859C	RGB 140 133 156	#8C859C
16.7%	16.7% #9993A7	RGB 153 147 167	#9993A7
33.3%	33.3% #A7A2B3	RGB 167 162 179	#A7A2B3
50.0%	50.0% #B5B0BF	RGB 181 176 191	#B5B0BF
66.7%	66.7% #C2BFCA	RGB 194 191 202	#C2BFCA
83.3%	83.3% #D0CDD6	RGB 208 205 214	#D0CDD6
100.0%	100.0% #DEDCE2	RGB 222 220 226	#DEDCE2

#8C859C #9993A7 #A7A2B3 #B5B0BF #C2BFCA #D0CDD6 #DEDCE2

#8C859C - #DEDCE2

HSV Blend

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

0.0%	0.0% #8C859C	RGB 140 133 156	#8C859C
16.7%	16.7% #9892A7	RGB 152 146 167	#9892A7
33.3%	33.3% #A6A0B3	RGB 166 160 179	#A6A0B3
50.0%	50.0% #B3AEBF	RGB 179 174 191	#B3AEBF
66.7%	66.7% #C1BDCA	RGB 193 189 202	#C1BDCA
83.3%	83.3% #CFCCD6	RGB 207 204 214	#CFCCD6
100.0%	100.0% #DEDCE2	RGB 222 220 226	#DEDCE2

#8C859C #9892A7 #A6A0B3 #B3AEBF #C1BDCA #CFCCD6 #DEDCE2

#8C859C - #B3AEBF - #DEDCE2

CSS codes

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

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