#D966D4 - #3E1D3C | 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 #D966D4 to #3E1D3C

#D966D4 #3E1D3C

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

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

0.0%	0.0% #D966D4	RGB 217 102 212	#D966D4
16.7%	16.7% #BF59BA	RGB 191 89 186	#BF59BA
33.3%	33.3% #A54DA1	RGB 165 77 161	#A54DA1
50.0%	50.0% #8B4188	RGB 139 65 136	#8B4188
66.7%	66.7% #71356E	RGB 113 53 110	#71356E
83.3%	83.3% #572955	RGB 87 41 85	#572955
100.0%	100.0% #3E1D3C	RGB 62 29 60	#3E1D3C

#D966D4 #BF59BA #A54DA1 #8B4188 #71356E #572955 #3E1D3C

#D966D4 - #3E1D3C

HSV Blend

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

0.0%	0.0% #D966D4	RGB 217 102 212	#D966D4
16.7%	16.7% #BF59BA	RGB 191 89 186	#BF59BA
33.3%	33.3% #A54DA1	RGB 165 77 161	#A54DA1
50.0%	50.0% #8B4187	RGB 139 65 135	#8B4187
66.7%	66.7% #71356E	RGB 113 53 110	#71356E
83.3%	83.3% #572955	RGB 87 41 85	#572955
100.0%	100.0% #3E1D3C	RGB 62 29 60	#3E1D3C

#D966D4 #BF59BA #A54DA1 #8B4187 #71356E #572955 #3E1D3C

#D966D4 - #8B4187 - #3E1D3C

CSS codes

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

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