#D5A8FD - #8034CB | 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 #D5A8FD to #8034CB

#D5A8FD #8034CB

Calculate the color between two colors, #D5A8FD and #8034CB. 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)

#D5A8FD - #8034CB | 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 #D5A8FD as 0% and #8034CB as 100%.

0.0%	0.0% #D5A8FD	RGB 213 168 253	#D5A8FD
16.7%	16.7% #C694F4	RGB 198 148 244	#C694F4
33.3%	33.3% #B881EC	RGB 184 129 236	#B881EC
50.0%	50.0% #AA6EE4	RGB 170 110 228	#AA6EE4
66.7%	66.7% #9C5ADB	RGB 156 90 219	#9C5ADB
83.3%	83.3% #8E47D3	RGB 142 71 211	#8E47D3
100.0%	100.0% #8034CB	RGB 128 52 203	#8034CB

#D5A8FD #C694F4 #B881EC #AA6EE4 #9C5ADB #8E47D3 #8034CB

#D5A8FD - #8034CB

HSV Blend

#D5A8FD - #8034CB | 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 #D5A8FD as 0% and #8034CB as 100%.

0.0%	0.0% #D5A8FD	RGB 213 168 253	#D5A8FD
16.7%	16.7% #C591F4	RGB 197 145 244	#C591F4
33.3%	33.3% #B67CEC	RGB 182 124 236	#B67CEC
50.0%	50.0% #A868E4	RGB 168 104 228	#A868E4
66.7%	66.7% #9A56DB	RGB 154 86 219	#9A56DB
83.3%	83.3% #8D44D3	RGB 141 68 211	#8D44D3
100.0%	100.0% #8034CB	RGB 128 52 203	#8034CB

#D5A8FD #C591F4 #B67CEC #A868E4 #9A56DB #8D44D3 #8034CB

#D5A8FD - #A868E4 - #8034CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5A8FD 0%, #A868E4 50%, #8034CB 100%);
    background: -webkit-linear-gradient(top, #D5A8FD 0%, #A868E4 50%, #8034CB 100%);
    background: linear-gradient(to bottom, #D5A8FD 0%, #A868E4 50%, #8034CB 100%);
}
</style>