#DF2DAA - #87005E | 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 #DF2DAA to #87005E

#DF2DAA #87005E

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

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

0.0%	0.0% #DF2DAA	RGB 223 45 170	#DF2DAA
16.7%	16.7% #D0259D	RGB 208 37 157	#D0259D
33.3%	33.3% #C11E90	RGB 193 30 144	#C11E90
50.0%	50.0% #B31684	RGB 179 22 132	#B31684
66.7%	66.7% #A40E77	RGB 164 14 119	#A40E77
83.3%	83.3% #95076A	RGB 149 7 106	#95076A
100.0%	100.0% #87005E	RGB 135 0 94	#87005E

#DF2DAA #D0259D #C11E90 #B31684 #A40E77 #95076A #87005E

#DF2DAA - #87005E

HSV Blend

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

0.0%	0.0% #DF2DA9	RGB 223 45 169	#DF2DA9
16.7%	16.7% #D0239C	RGB 208 35 156	#D0239C
33.3%	33.3% #C11A8F	RGB 193 26 143	#C11A8F
50.0%	50.0% #B31282	RGB 179 18 130	#B31282
66.7%	66.7% #A40B76	RGB 164 11 118	#A40B76
83.3%	83.3% #950569	RGB 149 5 105	#950569
100.0%	100.0% #87005E	RGB 135 0 94	#87005E

#DF2DA9 #D0239C #C11A8F #B31282 #A40B76 #950569 #87005E

#DF2DAA - #B31282 - #87005E

CSS codes

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

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