#E5DEE6 - #9694A8 | 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 #E5DEE6 to #9694A8

#E5DEE6 #9694A8

Calculate the color between two colors, #E5DEE6 and #9694A8. 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)

#E5DEE6 - #9694A8 | 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 #E5DEE6 as 0% and #9694A8 as 100%.

0.0%	0.0% #E5DEE6	RGB 229 222 230	#E5DEE6
16.7%	16.7% #D7D1DB	RGB 215 209 219	#D7D1DB
33.3%	33.3% #CAC5D1	RGB 202 197 209	#CAC5D1
50.0%	50.0% #BDB9C7	RGB 189 185 199	#BDB9C7
66.7%	66.7% #B0ACBC	RGB 176 172 188	#B0ACBC
83.3%	83.3% #A3A0B2	RGB 163 160 178	#A3A0B2
100.0%	100.0% #9694A8	RGB 150 148 168	#9694A8

#E5DEE6 #D7D1DB #CAC5D1 #BDB9C7 #B0ACBC #A3A0B2 #9694A8

#E5DEE6 - #9694A8

HSV Blend

#E5DEE6 - #9694A8 | 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 #E5DEE6 as 0% and #9694A8 as 100%.

0.0%	0.0% #E5DEE6	RGB 229 222 230	#E5DEE6
16.7%	16.7% #D8D0DB	RGB 216 208 219	#D8D0DB
33.3%	33.3% #CCC4D1	RGB 204 196 209	#CCC4D1
50.0%	50.0% #BFB7C7	RGB 191 183 199	#BFB7C7
66.7%	66.7% #B1ABBC	RGB 177 171 188	#B1ABBC
83.3%	83.3% #A39FB2	RGB 163 159 178	#A39FB2
100.0%	100.0% #9694A8	RGB 150 148 168	#9694A8

#E5DEE6 #D8D0DB #CCC4D1 #BFB7C7 #B1ABBC #A39FB2 #9694A8

#E5DEE6 - #BFB7C7 - #9694A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5DEE6 0%, #BFB7C7 50%, #9694A8 100%);
    background: -webkit-linear-gradient(top, #E5DEE6 0%, #BFB7C7 50%, #9694A8 100%);
    background: linear-gradient(to bottom, #E5DEE6 0%, #BFB7C7 50%, #9694A8 100%);
}
</style>