#9F81C0 - #E3DBED | 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 #9F81C0 to #E3DBED

#9F81C0 #E3DBED

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

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

0.0%	0.0% #9F81C0	RGB 159 129 192	#9F81C0
16.7%	16.7% #AA90C7	RGB 170 144 199	#AA90C7
33.3%	33.3% #B59FCF	RGB 181 159 207	#B59FCF
50.0%	50.0% #C1AED6	RGB 193 174 214	#C1AED6
66.7%	66.7% #CCBDDE	RGB 204 189 222	#CCBDDE
83.3%	83.3% #D7CCE5	RGB 215 204 229	#D7CCE5
100.0%	100.0% #E3DBED	RGB 227 219 237	#E3DBED

#9F81C0 #AA90C7 #B59FCF #C1AED6 #CCBDDE #D7CCE5 #E3DBED

#9F81C0 - #E3DBED

HSV Blend

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

0.0%	0.0% #9E81C0	RGB 158 129 192	#9E81C0
16.7%	16.7% #A98EC7	RGB 169 142 199	#A98EC7
33.3%	33.3% #B49CCF	RGB 180 156 207	#B49CCF
50.0%	50.0% #BFABD6	RGB 191 171 214	#BFABD6
66.7%	66.7% #CABADE	RGB 202 186 222	#CABADE
83.3%	83.3% #D6CAE5	RGB 214 202 229	#D6CAE5
100.0%	100.0% #E3DBED	RGB 227 219 237	#E3DBED

#9E81C0 #A98EC7 #B49CCF #BFABD6 #CABADE #D6CAE5 #E3DBED

#9F81C0 - #BFABD6 - #E3DBED

CSS codes

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

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