#884ECE - #E4A9DF | 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 #E4A9DF

#884ECE #E4A9DF

Calculate the color between two colors, #884ECE and #E4A9DF. 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 - #E4A9DF | 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 #E4A9DF as 100%.

0.0%	0.0% #884ECE	RGB 136 78 206	#884ECE
16.7%	16.7% #975DD0	RGB 151 93 208	#975DD0
33.3%	33.3% #A66CD3	RGB 166 108 211	#A66CD3
50.0%	50.0% #B67BD6	RGB 182 123 214	#B67BD6
66.7%	66.7% #C58AD9	RGB 197 138 217	#C58AD9
83.3%	83.3% #D499DC	RGB 212 153 220	#D499DC
100.0%	100.0% #E4A9DF	RGB 228 169 223	#E4A9DF

#884ECE #975DD0 #A66CD3 #B67BD6 #C58AD9 #D499DC #E4A9DF

#884ECE - #E4A9DF

HSV Blend

#884ECE - #E4A9DF | 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 #E4A9DF as 100%.

0.0%	0.0% #884ECE	RGB 136 78 206	#884ECE
16.7%	16.7% #9D5CD1	RGB 157 92 209	#9D5CD1
33.3%	33.3% #B16AD5	RGB 177 106 213	#B16AD5
50.0%	50.0% #C279D9	RGB 194 121 217	#C279D9
66.7%	66.7% #D288DC	RGB 210 136 220	#D288DC
83.3%	83.3% #DE98E0	RGB 222 152 224	#DE98E0
100.0%	100.0% #E4A9DF	RGB 228 169 223	#E4A9DF

#884ECE #9D5CD1 #B16AD5 #C279D9 #D288DC #DE98E0 #E4A9DF

#884ECE - #C279D9 - #E4A9DF

CSS codes

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

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