#D7B5E9 - #8550AD | 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 #D7B5E9 to #8550AD

#D7B5E9 #8550AD

Calculate the color between two colors, #D7B5E9 and #8550AD. 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)

#D7B5E9 - #8550AD | 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 #D7B5E9 as 0% and #8550AD as 100%.

0.0%	0.0% #D7B5E9	RGB 215 181 233	#D7B5E9
16.7%	16.7% #C9A4DF	RGB 201 164 223	#C9A4DF
33.3%	33.3% #BB93D5	RGB 187 147 213	#BB93D5
50.0%	50.0% #AE82CB	RGB 174 130 203	#AE82CB
66.7%	66.7% #A071C1	RGB 160 113 193	#A071C1
83.3%	83.3% #9260B7	RGB 146 96 183	#9260B7
100.0%	100.0% #8550AD	RGB 133 80 173	#8550AD

#D7B5E9 #C9A4DF #BB93D5 #AE82CB #A071C1 #9260B7 #8550AD

#D7B5E9 - #8550AD

HSV Blend

#D7B5E9 - #8550AD | 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 #D7B5E9 as 0% and #8550AD as 100%.

0.0%	0.0% #D7B5E9	RGB 215 181 233	#D7B5E9
16.7%	16.7% #C8A1DF	RGB 200 161 223	#C8A1DF
33.3%	33.3% #BA8FD5	RGB 186 143 213	#BA8FD5
50.0%	50.0% #AD7DCB	RGB 173 125 203	#AD7DCB
66.7%	66.7% #9F6DC1	RGB 159 109 193	#9F6DC1
83.3%	83.3% #925EB7	RGB 146 94 183	#925EB7
100.0%	100.0% #8550AD	RGB 133 80 173	#8550AD

#D7B5E9 #C8A1DF #BA8FD5 #AD7DCB #9F6DC1 #925EB7 #8550AD

#D7B5E9 - #AD7DCB - #8550AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D7B5E9 0%, #AD7DCB 50%, #8550AD 100%);
    background: -webkit-linear-gradient(top, #D7B5E9 0%, #AD7DCB 50%, #8550AD 100%);
    background: linear-gradient(to bottom, #D7B5E9 0%, #AD7DCB 50%, #8550AD 100%);
}
</style>