#8F859C - #DFDCE2 | 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 #8F859C to #DFDCE2

#8F859C #DFDCE2

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

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

0.0%	0.0% #8F859C	RGB 143 133 156	#8F859C
16.7%	16.7% #9C93A7	RGB 156 147 167	#9C93A7
33.3%	33.3% #A9A2B3	RGB 169 162 179	#A9A2B3
50.0%	50.0% #B7B0BF	RGB 183 176 191	#B7B0BF
66.7%	66.7% #C4BFCA	RGB 196 191 202	#C4BFCA
83.3%	83.3% #D1CDD6	RGB 209 205 214	#D1CDD6
100.0%	100.0% #DFDCE2	RGB 223 220 226	#DFDCE2

#8F859C #9C93A7 #A9A2B3 #B7B0BF #C4BFCA #D1CDD6 #DFDCE2

#8F859C - #DFDCE2

HSV Blend

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

0.0%	0.0% #8F859C	RGB 143 133 156	#8F859C
16.7%	16.7% #9B92A7	RGB 155 146 167	#9B92A7
33.3%	33.3% #A8A0B3	RGB 168 160 179	#A8A0B3
50.0%	50.0% #B6AEBF	RGB 182 174 191	#B6AEBF
66.7%	66.7% #C3BDCA	RGB 195 189 202	#C3BDCA
83.3%	83.3% #D1CCD6	RGB 209 204 214	#D1CCD6
100.0%	100.0% #DFDCE2	RGB 223 220 226	#DFDCE2

#8F859C #9B92A7 #A8A0B3 #B6AEBF #C3BDCA #D1CCD6 #DFDCE2

#8F859C - #B6AEBF - #DFDCE2

CSS codes

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

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