#A54DCD - #DB6EFF | 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 #A54DCD to #DB6EFF

#A54DCD #DB6EFF

Calculate the color between two colors, #A54DCD and #DB6EFF. 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)

#A54DCD - #DB6EFF | 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 #A54DCD as 0% and #DB6EFF as 100%.

0.0%	0.0% #A54DCD	RGB 165 77 205	#A54DCD
16.7%	16.7% #AE52D5	RGB 174 82 213	#AE52D5
33.3%	33.3% #B758DD	RGB 183 88 221	#B758DD
50.0%	50.0% #C05DE6	RGB 192 93 230	#C05DE6
66.7%	66.7% #C963EE	RGB 201 99 238	#C963EE
83.3%	83.3% #D268F6	RGB 210 104 246	#D268F6
100.0%	100.0% #DB6EFF	RGB 219 110 255	#DB6EFF

#A54DCD #AE52D5 #B758DD #C05DE6 #C963EE #D268F6 #DB6EFF

#A54DCD - #DB6EFF

HSV Blend

#A54DCD - #DB6EFF | 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 #A54DCD as 0% and #DB6EFF as 100%.

0.0%	0.0% #A54DCD	RGB 165 77 205	#A54DCD
16.7%	16.7% #AD52D5	RGB 173 82 213	#AD52D5
33.3%	33.3% #B657DD	RGB 182 87 221	#B657DD
50.0%	50.0% #BF5CE6	RGB 191 92 230	#BF5CE6
66.7%	66.7% #C862EE	RGB 200 98 238	#C862EE
83.3%	83.3% #D168F6	RGB 209 104 246	#D168F6
100.0%	100.0% #DB6EFF	RGB 219 110 255	#DB6EFF

#A54DCD #AD52D5 #B657DD #BF5CE6 #C862EE #D168F6 #DB6EFF

#A54DCD - #BF5CE6 - #DB6EFF

CSS codes

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

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