#DA68D9 - #3E1D3E | 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 #DA68D9 to #3E1D3E

#DA68D9 #3E1D3E

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

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

0.0%	0.0% #DA68D9	RGB 218 104 217	#DA68D9
16.7%	16.7% #C05BBF	RGB 192 91 191	#C05BBF
33.3%	33.3% #A64FA5	RGB 166 79 165	#A64FA5
50.0%	50.0% #8C428B	RGB 140 66 139	#8C428B
66.7%	66.7% #723671	RGB 114 54 113	#723671
83.3%	83.3% #582957	RGB 88 41 87	#582957
100.0%	100.0% #3E1D3E	RGB 62 29 62	#3E1D3E

#DA68D9 #C05BBF #A64FA5 #8C428B #723671 #582957 #3E1D3E

#DA68D9 - #3E1D3E

HSV Blend

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

0.0%	0.0% #DA68D9	RGB 218 104 217	#DA68D9
16.7%	16.7% #C05BBF	RGB 192 91 191	#C05BBF
33.3%	33.3% #A64EA5	RGB 166 78 165	#A64EA5
50.0%	50.0% #8C428B	RGB 140 66 139	#8C428B
66.7%	66.7% #723571	RGB 114 53 113	#723571
83.3%	83.3% #582957	RGB 88 41 87	#582957
100.0%	100.0% #3E1D3E	RGB 62 29 62	#3E1D3E

#DA68D9 #C05BBF #A64EA5 #8C428B #723571 #582957 #3E1D3E

#DA68D9 - #8C428B - #3E1D3E

CSS codes

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

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