#DB71AF - #A00C61 | 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 #DB71AF to #A00C61

#DB71AF #A00C61

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

#DB71AF - #A00C61 | 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 #DB71AF as 0% and #A00C61 as 100%.

0.0%	0.0% #DB71AF	RGB 219 113 175	#DB71AF
16.7%	16.7% #D160A2	RGB 209 96 162	#D160A2
33.3%	33.3% #C74F95	RGB 199 79 149	#C74F95
50.0%	50.0% #BD3E88	RGB 189 62 136	#BD3E88
66.7%	66.7% #B32D7B	RGB 179 45 123	#B32D7B
83.3%	83.3% #A91C6E	RGB 169 28 110	#A91C6E
100.0%	100.0% #A00C61	RGB 160 12 97	#A00C61

#DB71AF #D160A2 #C74F95 #BD3E88 #B32D7B #A91C6E #A00C61

#DB71AF - #A00C61

HSV Blend

#DB71AF - #A00C61 | 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 #DB71AF as 0% and #A00C61 as 100%.

0.0%	0.0% #DB71AF	RGB 219 113 175	#DB71AF
16.7%	16.7% #D15CA0	RGB 209 92 160	#D15CA0
33.3%	33.3% #C74992	RGB 199 73 146	#C74992
50.0%	50.0% #BD3785	RGB 189 55 133	#BD3785
66.7%	66.7% #B32778	RGB 179 39 120	#B32778
83.3%	83.3% #A9196C	RGB 169 25 108	#A9196C
100.0%	100.0% #A00C61	RGB 160 12 97	#A00C61

#DB71AF #D15CA0 #C74992 #BD3785 #B32778 #A9196C #A00C61

#DB71AF - #BD3785 - #A00C61

CSS codes

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

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