#9C5E9D - #E2D1E3 | 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 #9C5E9D to #E2D1E3

#9C5E9D #E2D1E3

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

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

0.0%	0.0% #9C5E9D	RGB 156 94 157	#9C5E9D
16.7%	16.7% #A771A8	RGB 167 113 168	#A771A8
33.3%	33.3% #B384B4	RGB 179 132 180	#B384B4
50.0%	50.0% #BF97C0	RGB 191 151 192	#BF97C0
66.7%	66.7% #CAAACB	RGB 202 170 203	#CAAACB
83.3%	83.3% #D6BDD7	RGB 214 189 215	#D6BDD7
100.0%	100.0% #E2D1E3	RGB 226 209 227	#E2D1E3

#9C5E9D #A771A8 #B384B4 #BF97C0 #CAAACB #D6BDD7 #E2D1E3

#9C5E9D - #E2D1E3

HSV Blend

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

0.0%	0.0% #9C5E9D	RGB 156 94 157	#9C5E9D
16.7%	16.7% #A76EA8	RGB 167 110 168	#A76EA8
33.3%	33.3% #B27FB4	RGB 178 127 180	#B27FB4
50.0%	50.0% #BE91C0	RGB 190 145 192	#BE91C0
66.7%	66.7% #CAA5CB	RGB 202 165 203	#CAA5CB
83.3%	83.3% #D5BAD7	RGB 213 186 215	#D5BAD7
100.0%	100.0% #E2D1E3	RGB 226 209 227	#E2D1E3

#9C5E9D #A76EA8 #B27FB4 #BE91C0 #CAA5CB #D5BAD7 #E2D1E3

#9C5E9D - #BE91C0 - #E2D1E3

CSS codes

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

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