#9F97AF - #E3E1E8 | 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 #9F97AF to #E3E1E8

#9F97AF #E3E1E8

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

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

0.0%	0.0% #9F97AF	RGB 159 151 175	#9F97AF
16.7%	16.7% #AAA3B8	RGB 170 163 184	#AAA3B8
33.3%	33.3% #B5AFC2	RGB 181 175 194	#B5AFC2
50.0%	50.0% #C1BCCB	RGB 193 188 203	#C1BCCB
66.7%	66.7% #CCC8D5	RGB 204 200 213	#CCC8D5
83.3%	83.3% #D7D4DE	RGB 215 212 222	#D7D4DE
100.0%	100.0% #E3E1E8	RGB 227 225 232	#E3E1E8

#9F97AF #AAA3B8 #B5AFC2 #C1BCCB #CCC8D5 #D7D4DE #E3E1E8

#9F97AF - #E3E1E8

HSV Blend

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

0.0%	0.0% #9F97AF	RGB 159 151 175	#9F97AF
16.7%	16.7% #A9A2B8	RGB 169 162 184	#A9A2B8
33.3%	33.3% #B4AEC2	RGB 180 174 194	#B4AEC2
50.0%	50.0% #BFBACB	RGB 191 186 203	#BFBACB
66.7%	66.7% #CBC6D5	RGB 203 198 213	#CBC6D5
83.3%	83.3% #D6D3DE	RGB 214 211 222	#D6D3DE
100.0%	100.0% #E3E1E8	RGB 227 225 232	#E3E1E8

#9F97AF #A9A2B8 #B4AEC2 #BFBACB #CBC6D5 #D6D3DE #E3E1E8

#9F97AF - #BFBACB - #E3E1E8

CSS codes

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

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