#9A8AAE - #E2DDE7 | 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 #9A8AAE to #E2DDE7

#9A8AAE #E2DDE7

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

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

0.0%	0.0% #9A8AAE	RGB 154 138 174	#9A8AAE
16.7%	16.7% #A697B7	RGB 166 151 183	#A697B7
33.3%	33.3% #B2A5C1	RGB 178 165 193	#B2A5C1
50.0%	50.0% #BEB3CA	RGB 190 179 202	#BEB3CA
66.7%	66.7% #CAC1D4	RGB 202 193 212	#CAC1D4
83.3%	83.3% #D6CFDD	RGB 214 207 221	#D6CFDD
100.0%	100.0% #E2DDE7	RGB 226 221 231	#E2DDE7

#9A8AAE #A697B7 #B2A5C1 #BEB3CA #CAC1D4 #D6CFDD #E2DDE7

#9A8AAE - #E2DDE7

HSV Blend

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

0.0%	0.0% #9A8AAE	RGB 154 138 174	#9A8AAE
16.7%	16.7% #A596B7	RGB 165 150 183	#A596B7
33.3%	33.3% #B1A3C1	RGB 177 163 193	#B1A3C1
50.0%	50.0% #BDB1CA	RGB 189 177 202	#BDB1CA
66.7%	66.7% #C9BFD4	RGB 201 191 212	#C9BFD4
83.3%	83.3% #D5CDDD	RGB 213 205 221	#D5CDDD
100.0%	100.0% #E2DDE7	RGB 226 221 231	#E2DDE7

#9A8AAE #A596B7 #B1A3C1 #BDB1CA #C9BFD4 #D5CDDD #E2DDE7

#9A8AAE - #BDB1CA - #E2DDE7

CSS codes

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

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