#DB7BCB - #A70881 | 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 #DB7BCB to #A70881

#DB7BCB #A70881

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

#DB7BCB - #A70881 | 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 #DB7BCB as 0% and #A70881 as 100%.

0.0%	0.0% #DB7BCB	RGB 219 123 203	#DB7BCB
16.7%	16.7% #D267BE	RGB 210 103 190	#D267BE
33.3%	33.3% #C954B2	RGB 201 84 178	#C954B2
50.0%	50.0% #C141A6	RGB 193 65 166	#C141A6
66.7%	66.7% #B82E99	RGB 184 46 153	#B82E99
83.3%	83.3% #AF1B8D	RGB 175 27 141	#AF1B8D
100.0%	100.0% #A70881	RGB 167 8 129	#A70881

#DB7BCB #D267BE #C954B2 #C141A6 #B82E99 #AF1B8D #A70881

#DB7BCB - #A70881

HSV Blend

#DB7BCB - #A70881 | 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 #DB7BCB as 0% and #A70881 as 100%.

0.0%	0.0% #DB7BCB	RGB 219 123 203	#DB7BCB
16.7%	16.7% #D264BE	RGB 210 100 190	#D264BE
33.3%	33.3% #C94EB2	RGB 201 78 178	#C94EB2
50.0%	50.0% #C13AA5	RGB 193 58 165	#C13AA5
66.7%	66.7% #B82899	RGB 184 40 153	#B82899
83.3%	83.3% #AF178D	RGB 175 23 141	#AF178D
100.0%	100.0% #A70881	RGB 167 8 129	#A70881

#DB7BCB #D264BE #C94EB2 #C13AA5 #B82899 #AF178D #A70881

#DB7BCB - #C13AA5 - #A70881

CSS codes

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

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