#9F84BB - #E3DBEB | 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 #9F84BB to #E3DBEB

#9F84BB #E3DBEB

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

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

0.0%	0.0% #9F84BB	RGB 159 132 187	#9F84BB
16.7%	16.7% #AA92C3	RGB 170 146 195	#AA92C3
33.3%	33.3% #B5A1CB	RGB 181 161 203	#B5A1CB
50.0%	50.0% #C1AFD3	RGB 193 175 211	#C1AFD3
66.7%	66.7% #CCBEDB	RGB 204 190 219	#CCBEDB
83.3%	83.3% #D7CCE3	RGB 215 204 227	#D7CCE3
100.0%	100.0% #E3DBEB	RGB 227 219 235	#E3DBEB

#9F84BB #AA92C3 #B5A1CB #C1AFD3 #CCBEDB #D7CCE3 #E3DBEB

#9F84BB - #E3DBEB

HSV Blend

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

0.0%	0.0% #9F84BB	RGB 159 132 187	#9F84BB
16.7%	16.7% #A990C3	RGB 169 144 195	#A990C3
33.3%	33.3% #B49ECB	RGB 180 158 203	#B49ECB
50.0%	50.0% #BFACD3	RGB 191 172 211	#BFACD3
66.7%	66.7% #CBBBDB	RGB 203 187 219	#CBBBDB
83.3%	83.3% #D6CAE3	RGB 214 202 227	#D6CAE3
100.0%	100.0% #E3DBEB	RGB 227 219 235	#E3DBEB

#9F84BB #A990C3 #B49ECB #BFACD3 #CBBBDB #D6CAE3 #E3DBEB

#9F84BB - #BFACD3 - #E3DBEB

CSS codes

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

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