#DF8FDF - #80229E | 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 #DF8FDF to #80229E

#DF8FDF #80229E

Calculate the color between two colors, #DF8FDF and #80229E. 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)

#DF8FDF - #80229E | 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 #DF8FDF as 0% and #80229E as 100%.

0.0%	0.0% #DF8FDF	RGB 223 143 223	#DF8FDF
16.7%	16.7% #CF7CD4	RGB 207 124 212	#CF7CD4
33.3%	33.3% #BF6AC9	RGB 191 106 201	#BF6AC9
50.0%	50.0% #AF58BE	RGB 175 88 190	#AF58BE
66.7%	66.7% #9F46B3	RGB 159 70 179	#9F46B3
83.3%	83.3% #8F34A8	RGB 143 52 168	#8F34A8
100.0%	100.0% #80229E	RGB 128 34 158	#80229E

#DF8FDF #CF7CD4 #BF6AC9 #AF58BE #9F46B3 #8F34A8 #80229E

#DF8FDF - #80229E

HSV Blend

#DF8FDF - #80229E | 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 #DF8FDF as 0% and #80229E as 100%.

0.0%	0.0% #DF8FDF	RGB 223 143 223	#DF8FDF
16.7%	16.7% #D078D4	RGB 208 120 212	#D078D4
33.3%	33.3% #C164C9	RGB 193 100 201	#C164C9
50.0%	50.0% #B151BE	RGB 177 81 190	#B151BE
66.7%	66.7% #A140B3	RGB 161 64 179	#A140B3
83.3%	83.3% #9030A8	RGB 144 48 168	#9030A8
100.0%	100.0% #80229E	RGB 128 34 158	#80229E

#DF8FDF #D078D4 #C164C9 #B151BE #A140B3 #9030A8 #80229E

#DF8FDF - #B151BE - #80229E

CSS codes

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

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