#DB3DAB - #A30E7C | 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 #DB3DAB to #A30E7C

#DB3DAB #A30E7C

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

#DB3DAB - #A30E7C | 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 #DB3DAB as 0% and #A30E7C as 100%.

0.0%	0.0% #DB3DAB	RGB 219 61 171	#DB3DAB
16.7%	16.7% #D135A3	RGB 209 53 163	#D135A3
33.3%	33.3% #C82D9B	RGB 200 45 155	#C82D9B
50.0%	50.0% #BF2593	RGB 191 37 147	#BF2593
66.7%	66.7% #B51D8B	RGB 181 29 139	#B51D8B
83.3%	83.3% #AC1583	RGB 172 21 131	#AC1583
100.0%	100.0% #A30E7C	RGB 163 14 124	#A30E7C

#DB3DAB #D135A3 #C82D9B #BF2593 #B51D8B #AC1583 #A30E7C

#DB3DAB - #A30E7C

HSV Blend

#DB3DAB - #A30E7C | 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 #DB3DAB as 0% and #A30E7C as 100%.

0.0%	0.0% #DB3DAA	RGB 219 61 170	#DB3DAA
16.7%	16.7% #D133A2	RGB 209 51 162	#D133A2
33.3%	33.3% #C82A9A	RGB 200 42 154	#C82A9A
50.0%	50.0% #BF2292	RGB 191 34 146	#BF2292
66.7%	66.7% #B51B8B	RGB 181 27 139	#B51B8B
83.3%	83.3% #AC1483	RGB 172 20 131	#AC1483
100.0%	100.0% #A30E7C	RGB 163 14 124	#A30E7C

#DB3DAA #D133A2 #C82A9A #BF2292 #B51B8B #AC1483 #A30E7C

#DB3DAB - #BF2292 - #A30E7C

CSS codes

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

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