#D5BFE8 - #8A5EAC | 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 #D5BFE8 to #8A5EAC

#D5BFE8 #8A5EAC

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

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

0.0%	0.0% #D5BFE8	RGB 213 191 232	#D5BFE8
16.7%	16.7% #C8AEDE	RGB 200 174 222	#C8AEDE
33.3%	33.3% #BC9ED4	RGB 188 158 212	#BC9ED4
50.0%	50.0% #AF8ECA	RGB 175 142 202	#AF8ECA
66.7%	66.7% #A37EC0	RGB 163 126 192	#A37EC0
83.3%	83.3% #966EB6	RGB 150 110 182	#966EB6
100.0%	100.0% #8A5EAC	RGB 138 94 172	#8A5EAC

#D5BFE8 #C8AEDE #BC9ED4 #AF8ECA #A37EC0 #966EB6 #8A5EAC

#D5BFE8 - #8A5EAC

HSV Blend

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

0.0%	0.0% #D5BFE8	RGB 213 191 232	#D5BFE8
16.7%	16.7% #C7ACDE	RGB 199 172 222	#C7ACDE
33.3%	33.3% #BA9AD4	RGB 186 154 212	#BA9AD4
50.0%	50.0% #AD8ACA	RGB 173 138 202	#AD8ACA
66.7%	66.7% #A17AC0	RGB 161 122 192	#A17AC0
83.3%	83.3% #956BB6	RGB 149 107 182	#956BB6
100.0%	100.0% #8A5EAC	RGB 138 94 172	#8A5EAC

#D5BFE8 #C7ACDE #BA9AD4 #AD8ACA #A17AC0 #956BB6 #8A5EAC

#D5BFE8 - #AD8ACA - #8A5EAC

CSS codes

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

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