#9D8CAA - #E2DEE6 | 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 #9D8CAA to #E2DEE6

#9D8CAA #E2DEE6

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

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

0.0%	0.0% #9D8CAA	RGB 157 140 170	#9D8CAA
16.7%	16.7% #A899B4	RGB 168 153 180	#A899B4
33.3%	33.3% #B4A7BE	RGB 180 167 190	#B4A7BE
50.0%	50.0% #BFB5C8	RGB 191 181 200	#BFB5C8
66.7%	66.7% #CBC2D2	RGB 203 194 210	#CBC2D2
83.3%	83.3% #D6D0DC	RGB 214 208 220	#D6D0DC
100.0%	100.0% #E2DEE6	RGB 226 222 230	#E2DEE6

#9D8CAA #A899B4 #B4A7BE #BFB5C8 #CBC2D2 #D6D0DC #E2DEE6

#9D8CAA - #E2DEE6

HSV Blend

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

0.0%	0.0% #9D8CAA	RGB 157 140 170	#9D8CAA
16.7%	16.7% #A798B4	RGB 167 152 180	#A798B4
33.3%	33.3% #B2A5BE	RGB 178 165 190	#B2A5BE
50.0%	50.0% #BEB2C8	RGB 190 178 200	#BEB2C8
66.7%	66.7% #C9C0D2	RGB 201 192 210	#C9C0D2
83.3%	83.3% #D5CFDC	RGB 213 207 220	#D5CFDC
100.0%	100.0% #E2DEE6	RGB 226 222 230	#E2DEE6

#9D8CAA #A798B4 #B2A5BE #BEB2C8 #C9C0D2 #D5CFDC #E2DEE6

#9D8CAA - #BEB2C8 - #E2DEE6

CSS codes

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

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