#9F8CB5 - #E3DEE9 | 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 #9F8CB5 to #E3DEE9

#9F8CB5 #E3DEE9

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

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

0.0%	0.0% #9F8CB5	RGB 159 140 181	#9F8CB5
16.7%	16.7% #AA99BD	RGB 170 153 189	#AA99BD
33.3%	33.3% #B5A7C6	RGB 181 167 198	#B5A7C6
50.0%	50.0% #C1B5CF	RGB 193 181 207	#C1B5CF
66.7%	66.7% #CCC2D7	RGB 204 194 215	#CCC2D7
83.3%	83.3% #D7D0E0	RGB 215 208 224	#D7D0E0
100.0%	100.0% #E3DEE9	RGB 227 222 233	#E3DEE9

#9F8CB5 #AA99BD #B5A7C6 #C1B5CF #CCC2D7 #D7D0E0 #E3DEE9

#9F8CB5 - #E3DEE9

HSV Blend

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

0.0%	0.0% #9F8CB5	RGB 159 140 181	#9F8CB5
16.7%	16.7% #A998BD	RGB 169 152 189	#A998BD
33.3%	33.3% #B4A5C6	RGB 180 165 198	#B4A5C6
50.0%	50.0% #BFB2CF	RGB 191 178 207	#BFB2CF
66.7%	66.7% #CBC0D7	RGB 203 192 215	#CBC0D7
83.3%	83.3% #D6CFE0	RGB 214 207 224	#D6CFE0
100.0%	100.0% #E3DEE9	RGB 227 222 233	#E3DEE9

#9F8CB5 #A998BD #B4A5C6 #BFB2CF #CBC0D7 #D6CFE0 #E3DEE9

#9F8CB5 - #BFB2CF - #E3DEE9

CSS codes

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

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