#DA73C9 - #3E2039 | 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 #DA73C9 to #3E2039

#DA73C9 #3E2039

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

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

0.0%	0.0% #DA73C9	RGB 218 115 201	#DA73C9
16.7%	16.7% #C065B1	RGB 192 101 177	#C065B1
33.3%	33.3% #A65799	RGB 166 87 153	#A65799
50.0%	50.0% #8C4981	RGB 140 73 129	#8C4981
66.7%	66.7% #723B69	RGB 114 59 105	#723B69
83.3%	83.3% #582D51	RGB 88 45 81	#582D51
100.0%	100.0% #3E2039	RGB 62 32 57	#3E2039

#DA73C9 #C065B1 #A65799 #8C4981 #723B69 #582D51 #3E2039

#DA73C9 - #3E2039

HSV Blend

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

0.0%	0.0% #DA73C9	RGB 218 115 201	#DA73C9
16.7%	16.7% #C064B0	RGB 192 100 176	#C064B0
33.3%	33.3% #A65698	RGB 166 86 152	#A65698
50.0%	50.0% #8C4980	RGB 140 73 128	#8C4980
66.7%	66.7% #723B68	RGB 114 59 104	#723B68
83.3%	83.3% #582D50	RGB 88 45 80	#582D50
100.0%	100.0% #3E2039	RGB 62 32 57	#3E2039

#DA73C9 #C064B0 #A65698 #8C4980 #723B68 #582D50 #3E2039

#DA73C9 - #8C4980 - #3E2039

CSS codes

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

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