#DF3C7C - #880035 | 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 #DF3C7C to #880035

#DF3C7C #880035

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

#DF3C7C - #880035 | 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 #DF3C7C as 0% and #880035 as 100%.

0.0%	0.0% #DF3C7C	RGB 223 60 124	#DF3C7C
16.7%	16.7% #D03270	RGB 208 50 112	#D03270
33.3%	33.3% #C22864	RGB 194 40 100	#C22864
50.0%	50.0% #B31E58	RGB 179 30 88	#B31E58
66.7%	66.7% #A5144C	RGB 165 20 76	#A5144C
83.3%	83.3% #960A40	RGB 150 10 64	#960A40
100.0%	100.0% #880035	RGB 136 0 53	#880035

#DF3C7C #D03270 #C22864 #B31E58 #A5144C #960A40 #880035

#DF3C7C - #880035

HSV Blend

#DF3C7C - #880035 | 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 #DF3C7C as 0% and #880035 as 100%.

0.0%	0.0% #DF3C7C	RGB 223 60 124	#DF3C7C
16.7%	16.7% #D02E6E	RGB 208 46 110	#D02E6E
33.3%	33.3% #C22261	RGB 194 34 97	#C22261
50.0%	50.0% #B31854	RGB 179 24 84	#B31854
66.7%	66.7% #A50E49	RGB 165 14 73	#A50E49
83.3%	83.3% #96063E	RGB 150 6 62	#96063E
100.0%	100.0% #880035	RGB 136 0 53	#880035

#DF3C7C #D02E6E #C22261 #B31854 #A50E49 #96063E #880035

#DF3C7C - #B31854 - #880035

CSS codes

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

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