#9E5E87 - #E3D1DC | 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 #9E5E87 to #E3D1DC

#9E5E87 #E3D1DC

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

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

0.0%	0.0% #9E5E87	RGB 158 94 135	#9E5E87
16.7%	16.7% #A97195	RGB 169 113 149	#A97195
33.3%	33.3% #B584A3	RGB 181 132 163	#B584A3
50.0%	50.0% #C097B1	RGB 192 151 177	#C097B1
66.7%	66.7% #CCAABF	RGB 204 170 191	#CCAABF
83.3%	83.3% #D7BDCD	RGB 215 189 205	#D7BDCD
100.0%	100.0% #E3D1DC	RGB 227 209 220	#E3D1DC

#9E5E87 #A97195 #B584A3 #C097B1 #CCAABF #D7BDCD #E3D1DC

#9E5E87 - #E3D1DC

HSV Blend

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

0.0%	0.0% #9E5E86	RGB 158 94 134	#9E5E86
16.7%	16.7% #A96E93	RGB 169 110 147	#A96E93
33.3%	33.3% #B57FA1	RGB 181 127 161	#B57FA1
50.0%	50.0% #C091AF	RGB 192 145 175	#C091AF
66.7%	66.7% #CCA5BD	RGB 204 165 189	#CCA5BD
83.3%	83.3% #D7BACC	RGB 215 186 204	#D7BACC
100.0%	100.0% #E3D1DC	RGB 227 209 220	#E3D1DC

#9E5E86 #A96E93 #B57FA1 #C091AF #CCA5BD #D7BACC #E3D1DC

#9E5E87 - #C091AF - #E3D1DC

CSS codes

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

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