#E2D5E3 - #403C40 | 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 #E2D5E3 to #403C40

#E2D5E3 #403C40

Calculate the color between two colors, #E2D5E3 and #403C40. 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)

#E2D5E3 - #403C40 | 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 #E2D5E3 as 0% and #403C40 as 100%.

0.0%	0.0% #E2D5E3	RGB 226 213 227	#E2D5E3
16.7%	16.7% #C7BBC7	RGB 199 187 199	#C7BBC7
33.3%	33.3% #ACA2AC	RGB 172 162 172	#ACA2AC
50.0%	50.0% #918891	RGB 145 136 145	#918891
66.7%	66.7% #766F76	RGB 118 111 118	#766F76
83.3%	83.3% #5B555B	RGB 91 85 91	#5B555B
100.0%	100.0% #403C40	RGB 64 60 64	#403C40

#E2D5E3 #C7BBC7 #ACA2AC #918891 #766F76 #5B555B #403C40

#E2D5E3 - #403C40

HSV Blend

#E2D5E3 - #403C40 | 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 #E2D5E3 as 0% and #403C40 as 100%.

0.0%	0.0% #E2D5E3	RGB 226 213 227	#E2D5E3
16.7%	16.7% #C7BBC7	RGB 199 187 199	#C7BBC7
33.3%	33.3% #ACA1AC	RGB 172 161 172	#ACA1AC
50.0%	50.0% #918891	RGB 145 136 145	#918891
66.7%	66.7% #766E76	RGB 118 110 118	#766E76
83.3%	83.3% #5B555B	RGB 91 85 91	#5B555B
100.0%	100.0% #403C40	RGB 64 60 64	#403C40

#E2D5E3 #C7BBC7 #ACA1AC #918891 #766E76 #5B555B #403C40

#E2D5E3 - #918891 - #403C40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2D5E3 0%, #918891 50%, #403C40 100%);
    background: -webkit-linear-gradient(top, #E2D5E3 0%, #918891 50%, #403C40 100%);
    background: linear-gradient(to bottom, #E2D5E3 0%, #918891 50%, #403C40 100%);
}
</style>