#DB7ADB - #770B99 | 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 #DB7ADB to #770B99

#DB7ADB #770B99

Calculate the color between two colors, #DB7ADB and #770B99. 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)

#DB7ADB - #770B99 | 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 #DB7ADB as 0% and #770B99 as 100%.

0.0%	0.0% #DB7ADB	RGB 219 122 219	#DB7ADB
16.7%	16.7% #CA67D0	RGB 202 103 208	#CA67D0
33.3%	33.3% #B955C5	RGB 185 85 197	#B955C5
50.0%	50.0% #A942BA	RGB 169 66 186	#A942BA
66.7%	66.7% #9830AF	RGB 152 48 175	#9830AF
83.3%	83.3% #871DA4	RGB 135 29 164	#871DA4
100.0%	100.0% #770B99	RGB 119 11 153	#770B99

#DB7ADB #CA67D0 #B955C5 #A942BA #9830AF #871DA4 #770B99

#DB7ADB - #770B99

HSV Blend

#DB7ADB - #770B99 | 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 #DB7ADB as 0% and #770B99 as 100%.

0.0%	0.0% #DB7ADB	RGB 219 122 219	#DB7ADB
16.7%	16.7% #CB63D0	RGB 203 99 208	#CB63D0
33.3%	33.3% #BB4DC5	RGB 187 77 197	#BB4DC5
50.0%	50.0% #AA3ABA	RGB 170 58 186	#AA3ABA
66.7%	66.7% #9928AF	RGB 153 40 175	#9928AF
83.3%	83.3% #8819A4	RGB 136 25 164	#8819A4
100.0%	100.0% #770B99	RGB 119 11 153	#770B99

#DB7ADB #CB63D0 #BB4DC5 #AA3ABA #9928AF #8819A4 #770B99

#DB7ADB - #AA3ABA - #770B99

CSS codes

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

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