#884ECE - #3A0079 | 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 #884ECE to #3A0079

#884ECE #3A0079

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

#884ECE - #3A0079 | 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 #884ECE as 0% and #3A0079 as 100%.

0.0%	0.0% #884ECE	RGB 136 78 206	#884ECE
16.7%	16.7% #7B41BF	RGB 123 65 191	#7B41BF
33.3%	33.3% #6E34B1	RGB 110 52 177	#6E34B1
50.0%	50.0% #6127A3	RGB 97 39 163	#6127A3
66.7%	66.7% #541A95	RGB 84 26 149	#541A95
83.3%	83.3% #470D87	RGB 71 13 135	#470D87
100.0%	100.0% #3A0079	RGB 58 0 121	#3A0079

#884ECE #7B41BF #6E34B1 #6127A3 #541A95 #470D87 #3A0079

#884ECE - #3A0079

HSV Blend

#884ECE - #3A0079 | 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 #884ECE as 0% and #3A0079 as 100%.

0.0%	0.0% #884ECE	RGB 136 78 206	#884ECE
16.7%	16.7% #783CBF	RGB 120 60 191	#783CBF
33.3%	33.3% #6A2CB1	RGB 106 44 177	#6A2CB1
50.0%	50.0% #5C1EA3	RGB 92 30 163	#5C1EA3
66.7%	66.7% #501295	RGB 80 18 149	#501295
83.3%	83.3% #440887	RGB 68 8 135	#440887
100.0%	100.0% #3A0079	RGB 58 0 121	#3A0079

#884ECE #783CBF #6A2CB1 #5C1EA3 #501295 #440887 #3A0079

#884ECE - #5C1EA3 - #3A0079

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #884ECE 0%, #5C1EA3 50%, #3A0079 100%);
    background: -webkit-linear-gradient(top, #884ECE 0%, #5C1EA3 50%, #3A0079 100%);
    background: linear-gradient(to bottom, #884ECE 0%, #5C1EA3 50%, #3A0079 100%);
}
</style>