#9C5E99 - #E2D1E1 | 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 #9C5E99 to #E2D1E1

#9C5E99 #E2D1E1

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

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

0.0%	0.0% #9C5E99	RGB 156 94 153	#9C5E99
16.7%	16.7% #A771A5	RGB 167 113 165	#A771A5
33.3%	33.3% #B384B1	RGB 179 132 177	#B384B1
50.0%	50.0% #BF97BD	RGB 191 151 189	#BF97BD
66.7%	66.7% #CAAAC9	RGB 202 170 201	#CAAAC9
83.3%	83.3% #D6BDD5	RGB 214 189 213	#D6BDD5
100.0%	100.0% #E2D1E1	RGB 226 209 225	#E2D1E1

#9C5E99 #A771A5 #B384B1 #BF97BD #CAAAC9 #D6BDD5 #E2D1E1

#9C5E99 - #E2D1E1

HSV Blend

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

0.0%	0.0% #9C5E99	RGB 156 94 153	#9C5E99
16.7%	16.7% #A76EA4	RGB 167 110 164	#A76EA4
33.3%	33.3% #B37FB0	RGB 179 127 176	#B37FB0
50.0%	50.0% #BF91BC	RGB 191 145 188	#BF91BC
66.7%	66.7% #CAA5C8	RGB 202 165 200	#CAA5C8
83.3%	83.3% #D6BAD4	RGB 214 186 212	#D6BAD4
100.0%	100.0% #E2D1E1	RGB 226 209 225	#E2D1E1

#9C5E99 #A76EA4 #B37FB0 #BF91BC #CAA5C8 #D6BAD4 #E2D1E1

#9C5E99 - #BF91BC - #E2D1E1

CSS codes

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

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