#9E3B8F - #E3C7DF | 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 #9E3B8F to #E3C7DF

#9E3B8F #E3C7DF

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

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

0.0%	0.0% #9E3B8F	RGB 158 59 143	#9E3B8F
16.7%	16.7% #A9529C	RGB 169 82 156	#A9529C
33.3%	33.3% #B569A9	RGB 181 105 169	#B569A9
50.0%	50.0% #C081B7	RGB 192 129 183	#C081B7
66.7%	66.7% #CC98C4	RGB 204 152 196	#CC98C4
83.3%	83.3% #D7AFD1	RGB 215 175 209	#D7AFD1
100.0%	100.0% #E3C7DF	RGB 227 199 223	#E3C7DF

#9E3B8F #A9529C #B569A9 #C081B7 #CC98C4 #D7AFD1 #E3C7DF

#9E3B8F - #E3C7DF

HSV Blend

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

0.0%	0.0% #9E3B8F	RGB 158 59 143	#9E3B8F
16.7%	16.7% #A94D9B	RGB 169 77 155	#A94D9B
33.3%	33.3% #B561A8	RGB 181 97 168	#B561A8
50.0%	50.0% #C078B5	RGB 192 120 181	#C078B5
66.7%	66.7% #CC90C3	RGB 204 144 195	#CC90C3
83.3%	83.3% #D7AAD1	RGB 215 170 209	#D7AAD1
100.0%	100.0% #E3C7DF	RGB 227 199 223	#E3C7DF

#9E3B8F #A94D9B #B561A8 #C078B5 #CC90C3 #D7AAD1 #E3C7DF

#9E3B8F - #C078B5 - #E3C7DF

CSS codes

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

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