#D3B0FF - #8A34E5 | 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 #D3B0FF to #8A34E5

#D3B0FF #8A34E5

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

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

0.0%	0.0% #D3B0FF	RGB 211 176 255	#D3B0FF
16.7%	16.7% #C69BFA	RGB 198 155 250	#C69BFA
33.3%	33.3% #BA86F6	RGB 186 134 246	#BA86F6
50.0%	50.0% #AE72F2	RGB 174 114 242	#AE72F2
66.7%	66.7% #A25DED	RGB 162 93 237	#A25DED
83.3%	83.3% #9648E9	RGB 150 72 233	#9648E9
100.0%	100.0% #8A34E5	RGB 138 52 229	#8A34E5

#D3B0FF #C69BFA #BA86F6 #AE72F2 #A25DED #9648E9 #8A34E5

#D3B0FF - #8A34E5

HSV Blend

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

0.0%	0.0% #D3B0FF	RGB 211 176 255	#D3B0FF
16.7%	16.7% #C599FA	RGB 197 153 250	#C599FA
33.3%	33.3% #B883F6	RGB 184 131 246	#B883F6
50.0%	50.0% #AB6EF2	RGB 171 110 242	#AB6EF2
66.7%	66.7% #9F5AED	RGB 159 90 237	#9F5AED
83.3%	83.3% #9446E9	RGB 148 70 233	#9446E9
100.0%	100.0% #8A34E5	RGB 138 52 229	#8A34E5

#D3B0FF #C599FA #B883F6 #AB6EF2 #9F5AED #9446E9 #8A34E5

#D3B0FF - #AB6EF2 - #8A34E5

CSS codes

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

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