#D96CD4 - #3E1E3C | 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 #D96CD4 to #3E1E3C

#D96CD4 #3E1E3C

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

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

0.0%	0.0% #D96CD4	RGB 217 108 212	#D96CD4
16.7%	16.7% #BF5FBA	RGB 191 95 186	#BF5FBA
33.3%	33.3% #A552A1	RGB 165 82 161	#A552A1
50.0%	50.0% #8B4588	RGB 139 69 136	#8B4588
66.7%	66.7% #71386E	RGB 113 56 110	#71386E
83.3%	83.3% #572B55	RGB 87 43 85	#572B55
100.0%	100.0% #3E1E3C	RGB 62 30 60	#3E1E3C

#D96CD4 #BF5FBA #A552A1 #8B4588 #71386E #572B55 #3E1E3C

#D96CD4 - #3E1E3C

HSV Blend

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

0.0%	0.0% #D96CD4	RGB 217 108 212	#D96CD4
16.7%	16.7% #BF5EBA	RGB 191 94 186	#BF5EBA
33.3%	33.3% #A551A1	RGB 165 81 161	#A551A1
50.0%	50.0% #8B4487	RGB 139 68 135	#8B4487
66.7%	66.7% #71376E	RGB 113 55 110	#71376E
83.3%	83.3% #572A55	RGB 87 42 85	#572A55
100.0%	100.0% #3E1E3C	RGB 62 30 60	#3E1E3C

#D96CD4 #BF5EBA #A551A1 #8B4487 #71376E #572A55 #3E1E3C

#D96CD4 - #8B4487 - #3E1E3C

CSS codes

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

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