#8B5E95 - #DDD1E0 | 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 #8B5E95 to #DDD1E0

#8B5E95 #DDD1E0

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

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

0.0%	0.0% #8B5E95	RGB 139 94 149	#8B5E95
16.7%	16.7% #9871A1	RGB 152 113 161	#9871A1
33.3%	33.3% #A684AE	RGB 166 132 174	#A684AE
50.0%	50.0% #B497BA	RGB 180 151 186	#B497BA
66.7%	66.7% #C1AAC7	RGB 193 170 199	#C1AAC7
83.3%	83.3% #CFBDD3	RGB 207 189 211	#CFBDD3
100.0%	100.0% #DDD1E0	RGB 221 209 224	#DDD1E0

#8B5E95 #9871A1 #A684AE #B497BA #C1AAC7 #CFBDD3 #DDD1E0

#8B5E95 - #DDD1E0

HSV Blend

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

0.0%	0.0% #8B5E95	RGB 139 94 149	#8B5E95
16.7%	16.7% #976EA1	RGB 151 110 161	#976EA1
33.3%	33.3% #A57FAE	RGB 165 127 174	#A57FAE
50.0%	50.0% #B291BA	RGB 178 145 186	#B291BA
66.7%	66.7% #C0A5C7	RGB 192 165 199	#C0A5C7
83.3%	83.3% #CEBAD3	RGB 206 186 211	#CEBAD3
100.0%	100.0% #DDD1E0	RGB 221 209 224	#DDD1E0

#8B5E95 #976EA1 #A57FAE #B291BA #C0A5C7 #CEBAD3 #DDD1E0

#8B5E95 - #B291BA - #DDD1E0

CSS codes

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

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