#DC73B0 - #3E2032 | 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 #DC73B0 to #3E2032

#DC73B0 #3E2032

Calculate the color between two colors, #DC73B0 and #3E2032. 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)

#DC73B0 - #3E2032 | 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 #DC73B0 as 0% and #3E2032 as 100%.

0.0%	0.0% #DC73B0	RGB 220 115 176	#DC73B0
16.7%	16.7% #C1659B	RGB 193 101 155	#C1659B
33.3%	33.3% #A75786	RGB 167 87 134	#A75786
50.0%	50.0% #8D4971	RGB 141 73 113	#8D4971
66.7%	66.7% #723B5C	RGB 114 59 92	#723B5C
83.3%	83.3% #582D47	RGB 88 45 71	#582D47
100.0%	100.0% #3E2032	RGB 62 32 50	#3E2032

#DC73B0 #C1659B #A75786 #8D4971 #723B5C #582D47 #3E2032

#DC73B0 - #3E2032

HSV Blend

#DC73B0 - #3E2032 | 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 #DC73B0 as 0% and #3E2032 as 100%.

0.0%	0.0% #DC73AF	RGB 220 115 175	#DC73AF
16.7%	16.7% #C1659B	RGB 193 101 155	#C1659B
33.3%	33.3% #A75786	RGB 167 87 134	#A75786
50.0%	50.0% #8D4971	RGB 141 73 113	#8D4971
66.7%	66.7% #723B5C	RGB 114 59 92	#723B5C
83.3%	83.3% #582D47	RGB 88 45 71	#582D47
100.0%	100.0% #3E2032	RGB 62 32 50	#3E2032

#DC73AF #C1659B #A75786 #8D4971 #723B5C #582D47 #3E2032

#DC73B0 - #8D4971 - #3E2032

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DC73AF 0%, #8D4971 50%, #3E2032 100%);
    background: -webkit-linear-gradient(top, #DC73AF 0%, #8D4971 50%, #3E2032 100%);
    background: linear-gradient(to bottom, #DC73AF 0%, #8D4971 50%, #3E2032 100%);
}
</style>