#DF2D97 - #85004C | 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 #DF2D97 to #85004C

#DF2D97 #85004C

Calculate the color between two colors, #DF2D97 and #85004C. 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)

#DF2D97 - #85004C | 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 #DF2D97 as 0% and #85004C as 100%.

0.0%	0.0% #DF2D97	RGB 223 45 151	#DF2D97
16.7%	16.7% #D0258A	RGB 208 37 138	#D0258A
33.3%	33.3% #C11E7E	RGB 193 30 126	#C11E7E
50.0%	50.0% #B21671	RGB 178 22 113	#B21671
66.7%	66.7% #A30E65	RGB 163 14 101	#A30E65
83.3%	83.3% #940758	RGB 148 7 88	#940758
100.0%	100.0% #85004C	RGB 133 0 76	#85004C

#DF2D97 #D0258A #C11E7E #B21671 #A30E65 #940758 #85004C

#DF2D97 - #85004C

HSV Blend

#DF2D97 - #85004C | 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 #DF2D97 as 0% and #85004C as 100%.

0.0%	0.0% #DF2D96	RGB 223 45 150	#DF2D96
16.7%	16.7% #D02289	RGB 208 34 137	#D02289
33.3%	33.3% #C1197C	RGB 193 25 124	#C1197C
50.0%	50.0% #B2116F	RGB 178 17 111	#B2116F
66.7%	66.7% #A30A63	RGB 163 10 99	#A30A63
83.3%	83.3% #940457	RGB 148 4 87	#940457
100.0%	100.0% #85004C	RGB 133 0 76	#85004C

#DF2D96 #D02289 #C1197C #B2116F #A30A63 #940457 #85004C

#DF2D97 - #B2116F - #85004C

CSS codes

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

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