#9E3595 - #E3C5E1 | 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 #9E3595 to #E3C5E1

#9E3595 #E3C5E1

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

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

0.0%	0.0% #9E3595	RGB 158 53 149	#9E3595
16.7%	16.7% #A94DA1	RGB 169 77 161	#A94DA1
33.3%	33.3% #B565AE	RGB 181 101 174	#B565AE
50.0%	50.0% #C07DBB	RGB 192 125 187	#C07DBB
66.7%	66.7% #CC95C7	RGB 204 149 199	#CC95C7
83.3%	83.3% #D7ADD4	RGB 215 173 212	#D7ADD4
100.0%	100.0% #E3C5E1	RGB 227 197 225	#E3C5E1

#9E3595 #A94DA1 #B565AE #C07DBB #CC95C7 #D7ADD4 #E3C5E1

#9E3595 - #E3C5E1

HSV Blend

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

0.0%	0.0% #9E3595	RGB 158 53 149	#9E3595
16.7%	16.7% #A947A1	RGB 169 71 161	#A947A1
33.3%	33.3% #B55CAE	RGB 181 92 174	#B55CAE
50.0%	50.0% #C073BA	RGB 192 115 186	#C073BA
66.7%	66.7% #CC8CC7	RGB 204 140 199	#CC8CC7
83.3%	83.3% #D7A7D4	RGB 215 167 212	#D7A7D4
100.0%	100.0% #E3C5E1	RGB 227 197 225	#E3C5E1

#9E3595 #A947A1 #B55CAE #C073BA #CC8CC7 #D7A7D4 #E3C5E1

#9E3595 - #C073BA - #E3C5E1

CSS codes

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

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