#9A3E9C - #E1C7E2 | 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 #9A3E9C to #E1C7E2

#9A3E9C #E1C7E2

Calculate the color between two colors, #9A3E9C and #E1C7E2. 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)

#9A3E9C - #E1C7E2 | 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 #9A3E9C as 0% and #E1C7E2 as 100%.

0.0%	0.0% #9A3E9C	RGB 154 62 156	#9A3E9C
16.7%	16.7% #A554A7	RGB 165 84 167	#A554A7
33.3%	33.3% #B16BB3	RGB 177 107 179	#B16BB3
50.0%	50.0% #BD82BF	RGB 189 130 191	#BD82BF
66.7%	66.7% #C999CA	RGB 201 153 202	#C999CA
83.3%	83.3% #D5B0D6	RGB 213 176 214	#D5B0D6
100.0%	100.0% #E1C7E2	RGB 225 199 226	#E1C7E2

#9A3E9C #A554A7 #B16BB3 #BD82BF #C999CA #D5B0D6 #E1C7E2

#9A3E9C - #E1C7E2

HSV Blend

#9A3E9C - #E1C7E2 | 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 #9A3E9C as 0% and #E1C7E2 as 100%.

0.0%	0.0% #9A3E9C	RGB 154 62 156	#9A3E9C
16.7%	16.7% #A550A7	RGB 165 80 167	#A550A7
33.3%	33.3% #B164B3	RGB 177 100 179	#B164B3
50.0%	50.0% #BC7ABF	RGB 188 122 191	#BC7ABF
66.7%	66.7% #C891CA	RGB 200 145 202	#C891CA
83.3%	83.3% #D4ABD6	RGB 212 171 214	#D4ABD6
100.0%	100.0% #E1C7E2	RGB 225 199 226	#E1C7E2

#9A3E9C #A550A7 #B164B3 #BC7ABF #C891CA #D4ABD6 #E1C7E2

#9A3E9C - #BC7ABF - #E1C7E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A3E9C 0%, #BC7ABF 50%, #E1C7E2 100%);
    background: -webkit-linear-gradient(top, #9A3E9C 0%, #BC7ABF 50%, #E1C7E2 100%);
    background: linear-gradient(to bottom, #9A3E9C 0%, #BC7ABF 50%, #E1C7E2 100%);
}
</style>