#E7DAEB - #9A8AAF | 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 #E7DAEB to #9A8AAF

#E7DAEB #9A8AAF

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

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

0.0%	0.0% #E7DAEB	RGB 231 218 235	#E7DAEB
16.7%	16.7% #DACCE1	RGB 218 204 225	#DACCE1
33.3%	33.3% #CDBFD7	RGB 205 191 215	#CDBFD7
50.0%	50.0% #C0B2CD	RGB 192 178 205	#C0B2CD
66.7%	66.7% #B3A4C3	RGB 179 164 195	#B3A4C3
83.3%	83.3% #A697B9	RGB 166 151 185	#A697B9
100.0%	100.0% #9A8AAF	RGB 154 138 175	#9A8AAF

#E7DAEB #DACCE1 #CDBFD7 #C0B2CD #B3A4C3 #A697B9 #9A8AAF

#E7DAEB - #9A8AAF

HSV Blend

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

0.0%	0.0% #E7DAEB	RGB 231 218 235	#E7DAEB
16.7%	16.7% #DACBE1	RGB 218 203 225	#DACBE1
33.3%	33.3% #CEBDD7	RGB 206 189 215	#CEBDD7
50.0%	50.0% #C1AFCD	RGB 193 175 205	#C1AFCD
66.7%	66.7% #B4A2C3	RGB 180 162 195	#B4A2C3
83.3%	83.3% #A796B9	RGB 167 150 185	#A796B9
100.0%	100.0% #9A8AAF	RGB 154 138 175	#9A8AAF

#E7DAEB #DACBE1 #CEBDD7 #C1AFCD #B4A2C3 #A796B9 #9A8AAF

#E7DAEB - #C1AFCD - #9A8AAF

CSS codes

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

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