#DED3DF - #8C859F | 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 #DED3DF to #8C859F

#DED3DF #8C859F

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

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

0.0%	0.0% #DED3DF	RGB 222 211 223	#DED3DF
16.7%	16.7% #D0C6D4	RGB 208 198 212	#D0C6D4
33.3%	33.3% #C2B9C9	RGB 194 185 201	#C2B9C9
50.0%	50.0% #B5ACBF	RGB 181 172 191	#B5ACBF
66.7%	66.7% #A79FB4	RGB 167 159 180	#A79FB4
83.3%	83.3% #9992A9	RGB 153 146 169	#9992A9
100.0%	100.0% #8C859F	RGB 140 133 159	#8C859F

#DED3DF #D0C6D4 #C2B9C9 #B5ACBF #A79FB4 #9992A9 #8C859F

#DED3DF - #8C859F

HSV Blend

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

0.0%	0.0% #DED3DF	RGB 222 211 223	#DED3DF
16.7%	16.7% #D1C5D4	RGB 209 197 212	#D1C5D4
33.3%	33.3% #C4B7C9	RGB 196 183 201	#C4B7C9
50.0%	50.0% #B6AABF	RGB 182 170 191	#B6AABF
66.7%	66.7% #A89DB4	RGB 168 157 180	#A89DB4
83.3%	83.3% #9A91A9	RGB 154 145 169	#9A91A9
100.0%	100.0% #8C859F	RGB 140 133 159	#8C859F

#DED3DF #D1C5D4 #C4B7C9 #B6AABF #A89DB4 #9A91A9 #8C859F

#DED3DF - #B6AABF - #8C859F

CSS codes

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

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