#8C5E8B - #DDD1DE | 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 #8C5E8B to #DDD1DE

#8C5E8B #DDD1DE

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

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

0.0%	0.0% #8C5E8B	RGB 140 94 139	#8C5E8B
16.7%	16.7% #997198	RGB 153 113 152	#997198
33.3%	33.3% #A784A6	RGB 167 132 166	#A784A6
50.0%	50.0% #B497B4	RGB 180 151 180	#B497B4
66.7%	66.7% #C2AAC2	RGB 194 170 194	#C2AAC2
83.3%	83.3% #CFBDD0	RGB 207 189 208	#CFBDD0
100.0%	100.0% #DDD1DE	RGB 221 209 222	#DDD1DE

#8C5E8B #997198 #A784A6 #B497B4 #C2AAC2 #CFBDD0 #DDD1DE

#8C5E8B - #DDD1DE

HSV Blend

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

0.0%	0.0% #8C5E8B	RGB 140 94 139	#8C5E8B
16.7%	16.7% #996E99	RGB 153 110 153	#996E99
33.3%	33.3% #A67FA7	RGB 166 127 167	#A67FA7
50.0%	50.0% #B491B5	RGB 180 145 181	#B491B5
66.7%	66.7% #C1A5C2	RGB 193 165 194	#C1A5C2
83.3%	83.3% #CFBAD0	RGB 207 186 208	#CFBAD0
100.0%	100.0% #DDD1DE	RGB 221 209 222	#DDD1DE

#8C5E8B #996E99 #A67FA7 #B491B5 #C1A5C2 #CFBAD0 #DDD1DE

#8C5E8B - #B491B5 - #DDD1DE

CSS codes

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

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