#DB71B7 - #A2076A | 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 #DB71B7 to #A2076A

#DB71B7 #A2076A

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

#DB71B7 - #A2076A | 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 #DB71B7 as 0% and #A2076A as 100%.

0.0%	0.0% #DB71B7	RGB 219 113 183	#DB71B7
16.7%	16.7% #D15FAA	RGB 209 95 170	#D15FAA
33.3%	33.3% #C84D9D	RGB 200 77 157	#C84D9D
50.0%	50.0% #BE3C90	RGB 190 60 144	#BE3C90
66.7%	66.7% #B52A83	RGB 181 42 131	#B52A83
83.3%	83.3% #AB1876	RGB 171 24 118	#AB1876
100.0%	100.0% #A2076A	RGB 162 7 106	#A2076A

#DB71B7 #D15FAA #C84D9D #BE3C90 #B52A83 #AB1876 #A2076A

#DB71B7 - #A2076A

HSV Blend

#DB71B7 - #A2076A | 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 #DB71B7 as 0% and #A2076A as 100%.

0.0%	0.0% #DB71B7	RGB 219 113 183	#DB71B7
16.7%	16.7% #D15BA9	RGB 209 91 169	#D15BA9
33.3%	33.3% #C8479B	RGB 200 71 155	#C8479B
50.0%	50.0% #BE358E	RGB 190 53 142	#BE358E
66.7%	66.7% #B52481	RGB 181 36 129	#B52481
83.3%	83.3% #AB1475	RGB 171 20 117	#AB1475
100.0%	100.0% #A2076A	RGB 162 7 106	#A2076A

#DB71B7 #D15BA9 #C8479B #BE358E #B52481 #AB1475 #A2076A

#DB71B7 - #BE358E - #A2076A

CSS codes

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

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