#DB6DD7 - #A00396 | 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 #DB6DD7 to #A00396

#DB6DD7 #A00396

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

#DB6DD7 - #A00396 | 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 #DB6DD7 as 0% and #A00396 as 100%.

0.0%	0.0% #DB6DD7	RGB 219 109 215	#DB6DD7
16.7%	16.7% #D15BCC	RGB 209 91 204	#D15BCC
33.3%	33.3% #C749C1	RGB 199 73 193	#C749C1
50.0%	50.0% #BD38B6	RGB 189 56 182	#BD38B6
66.7%	66.7% #B326AB	RGB 179 38 171	#B326AB
83.3%	83.3% #A914A0	RGB 169 20 160	#A914A0
100.0%	100.0% #A00396	RGB 160 3 150	#A00396

#DB6DD7 #D15BCC #C749C1 #BD38B6 #B326AB #A914A0 #A00396

#DB6DD7 - #A00396

HSV Blend

#DB6DD7 - #A00396 | 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 #DB6DD7 as 0% and #A00396 as 100%.

0.0%	0.0% #DB6DD7	RGB 219 109 215	#DB6DD7
16.7%	16.7% #D157CC	RGB 209 87 204	#D157CC
33.3%	33.3% #C743C1	RGB 199 67 193	#C743C1
50.0%	50.0% #BD30B6	RGB 189 48 182	#BD30B6
66.7%	66.7% #B320AB	RGB 179 32 171	#B320AB
83.3%	83.3% #A910A0	RGB 169 16 160	#A910A0
100.0%	100.0% #A00396	RGB 160 3 150	#A00396

#DB6DD7 #D157CC #C743C1 #BD30B6 #B320AB #A910A0 #A00396

#DB6DD7 - #BD30B6 - #A00396

CSS codes

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

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