#DB6BDC - #72009A | 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 #DB6BDC to #72009A

#DB6BDC #72009A

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

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

0.0%	0.0% #DB6BDC	RGB 219 107 220	#DB6BDC
16.7%	16.7% #C959D1	RGB 201 89 209	#C959D1
33.3%	33.3% #B847C6	RGB 184 71 198	#B847C6
50.0%	50.0% #A635BB	RGB 166 53 187	#A635BB
66.7%	66.7% #9523B0	RGB 149 35 176	#9523B0
83.3%	83.3% #8311A5	RGB 131 17 165	#8311A5
100.0%	100.0% #72009A	RGB 114 0 154	#72009A

#DB6BDC #C959D1 #B847C6 #A635BB #9523B0 #8311A5 #72009A

#DB6BDC - #72009A

HSV Blend

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

0.0%	0.0% #DB6BDC	RGB 219 107 220	#DB6BDC
16.7%	16.7% #CA54D1	RGB 202 84 209	#CA54D1
33.3%	33.3% #B940C6	RGB 185 64 198	#B940C6
50.0%	50.0% #A72DBB	RGB 167 45 187	#A72DBB
66.7%	66.7% #961CB0	RGB 150 28 176	#961CB0
83.3%	83.3% #830DA5	RGB 131 13 165	#830DA5
100.0%	100.0% #72009A	RGB 114 0 154	#72009A

#DB6BDC #CA54D1 #B940C6 #A72DBB #961CB0 #830DA5 #72009A

#DB6BDC - #A72DBB - #72009A

CSS codes

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

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