#DB9FDC - #80399A | 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 #DB9FDC to #80399A

#DB9FDC #80399A

Calculate the color between two colors, #DB9FDC and #80399A. 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)

#DB9FDC - #80399A | 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 #DB9FDC as 0% and #80399A as 100%.

0.0%	0.0% #DB9FDC	RGB 219 159 220	#DB9FDC
16.7%	16.7% #CB8ED1	RGB 203 142 209	#CB8ED1
33.3%	33.3% #BC7DC6	RGB 188 125 198	#BC7DC6
50.0%	50.0% #AD6CBB	RGB 173 108 187	#AD6CBB
66.7%	66.7% #9E5BB0	RGB 158 91 176	#9E5BB0
83.3%	83.3% #8F4AA5	RGB 143 74 165	#8F4AA5
100.0%	100.0% #80399A	RGB 128 57 154	#80399A

#DB9FDC #CB8ED1 #BC7DC6 #AD6CBB #9E5BB0 #8F4AA5 #80399A

#DB9FDC - #80399A

HSV Blend

#DB9FDC - #80399A | 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 #DB9FDC as 0% and #80399A as 100%.

0.0%	0.0% #DB9FDC	RGB 219 159 220	#DB9FDC
16.7%	16.7% #CC8AD1	RGB 204 138 209	#CC8AD1
33.3%	33.3% #BE77C6	RGB 190 119 198	#BE77C6
50.0%	50.0% #AE66BB	RGB 174 102 187	#AE66BB
66.7%	66.7% #9F55B0	RGB 159 85 176	#9F55B0
83.3%	83.3% #8F46A5	RGB 143 70 165	#8F46A5
100.0%	100.0% #80399A	RGB 128 57 154	#80399A

#DB9FDC #CC8AD1 #BE77C6 #AE66BB #9F55B0 #8F46A5 #80399A

#DB9FDC - #AE66BB - #80399A

CSS codes

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

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