#E2D4E5 - #413C3F | 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 #E2D4E5 to #413C3F

#E2D4E5 #413C3F

Calculate the color between two colors, #E2D4E5 and #413C3F. 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)

#E2D4E5 - #413C3F | 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 #E2D4E5 as 0% and #413C3F as 100%.

0.0%	0.0% #E2D4E5	RGB 226 212 229	#E2D4E5
16.7%	16.7% #C7BAC9	RGB 199 186 201	#C7BAC9
33.3%	33.3% #ACA1AD	RGB 172 161 173	#ACA1AD
50.0%	50.0% #918892	RGB 145 136 146	#918892
66.7%	66.7% #766E76	RGB 118 110 118	#766E76
83.3%	83.3% #5B555A	RGB 91 85 90	#5B555A
100.0%	100.0% #413C3F	RGB 65 60 63	#413C3F

#E2D4E5 #C7BAC9 #ACA1AD #918892 #766E76 #5B555A #413C3F

#E2D4E5 - #413C3F

HSV Blend

#E2D4E5 - #413C3F | 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 #E2D4E5 as 0% and #413C3F as 100%.

0.0%	0.0% #E2D4E5	RGB 226 212 229	#E2D4E5
16.7%	16.7% #C8BAC9	RGB 200 186 201	#C8BAC9
33.3%	33.3% #AEA1AE	RGB 174 161 174	#AEA1AE
50.0%	50.0% #938791	RGB 147 135 145	#938791
66.7%	66.7% #776E75	RGB 119 110 117	#776E75
83.3%	83.3% #5C555A	RGB 92 85 90	#5C555A
100.0%	100.0% #413C3F	RGB 65 60 63	#413C3F

#E2D4E5 #C8BAC9 #AEA1AE #938791 #776E75 #5C555A #413C3F

#E2D4E5 - #938791 - #413C3F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2D4E5 0%, #938791 50%, #413C3F 100%);
    background: -webkit-linear-gradient(top, #E2D4E5 0%, #938791 50%, #413C3F 100%);
    background: linear-gradient(to bottom, #E2D4E5 0%, #938791 50%, #413C3F 100%);
}
</style>