#DA7CD1 - #3E233A | 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 #DA7CD1 to #3E233A

#DA7CD1 #3E233A

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

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

0.0%	0.0% #DA7CD1	RGB 218 124 209	#DA7CD1
16.7%	16.7% #C06DB7	RGB 192 109 183	#C06DB7
33.3%	33.3% #A65E9E	RGB 166 94 158	#A65E9E
50.0%	50.0% #8C4F85	RGB 140 79 133	#8C4F85
66.7%	66.7% #72406C	RGB 114 64 108	#72406C
83.3%	83.3% #583153	RGB 88 49 83	#583153
100.0%	100.0% #3E233A	RGB 62 35 58	#3E233A

#DA7CD1 #C06DB7 #A65E9E #8C4F85 #72406C #583153 #3E233A

#DA7CD1 - #3E233A

HSV Blend

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

0.0%	0.0% #DA7CD1	RGB 218 124 209	#DA7CD1
16.7%	16.7% #C06DB7	RGB 192 109 183	#C06DB7
33.3%	33.3% #A65E9D	RGB 166 94 157	#A65E9D
50.0%	50.0% #8C4F84	RGB 140 79 132	#8C4F84
66.7%	66.7% #72406B	RGB 114 64 107	#72406B
83.3%	83.3% #583152	RGB 88 49 82	#583152
100.0%	100.0% #3E233A	RGB 62 35 58	#3E233A

#DA7CD1 #C06DB7 #A65E9D #8C4F84 #72406B #583152 #3E233A

#DA7CD1 - #8C4F84 - #3E233A

CSS codes

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

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