#DB6EDC - #73009A | 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 #DB6EDC to #73009A

#DB6EDC #73009A

Calculate the color between two colors, #DB6EDC and #73009A. 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)

#DB6EDC - #73009A | 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 #DB6EDC as 0% and #73009A as 100%.

0.0%	0.0% #DB6EDC	RGB 219 110 220	#DB6EDC
16.7%	16.7% #C95BD1	RGB 201 91 209	#C95BD1
33.3%	33.3% #B849C6	RGB 184 73 198	#B849C6
50.0%	50.0% #A737BB	RGB 167 55 187	#A737BB
66.7%	66.7% #9524B0	RGB 149 36 176	#9524B0
83.3%	83.3% #8412A5	RGB 132 18 165	#8412A5
100.0%	100.0% #73009A	RGB 115 0 154	#73009A

#DB6EDC #C95BD1 #B849C6 #A737BB #9524B0 #8412A5 #73009A

#DB6EDC - #73009A

HSV Blend

#DB6EDC - #73009A | 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 #DB6EDC as 0% and #73009A as 100%.

0.0%	0.0% #DB6EDC	RGB 219 110 220	#DB6EDC
16.7%	16.7% #CA57D1	RGB 202 87 209	#CA57D1
33.3%	33.3% #BA42C6	RGB 186 66 198	#BA42C6
50.0%	50.0% #A82EBB	RGB 168 46 187	#A82EBB
66.7%	66.7% #961DB0	RGB 150 29 176	#961DB0
83.3%	83.3% #840DA5	RGB 132 13 165	#840DA5
100.0%	100.0% #73009A	RGB 115 0 154	#73009A

#DB6EDC #CA57D1 #BA42C6 #A82EBB #961DB0 #840DA5 #73009A

#DB6EDC - #A82EBB - #73009A

CSS codes

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

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