#E2D9E4 - #403E41 | 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 #E2D9E4 to #403E41

#E2D9E4 #403E41

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

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

0.0%	0.0% #E2D9E4	RGB 226 217 228	#E2D9E4
16.7%	16.7% #C7BFC8	RGB 199 191 200	#C7BFC8
33.3%	33.3% #ACA5AD	RGB 172 165 173	#ACA5AD
50.0%	50.0% #918B92	RGB 145 139 146	#918B92
66.7%	66.7% #767177	RGB 118 113 119	#767177
83.3%	83.3% #5B575C	RGB 91 87 92	#5B575C
100.0%	100.0% #403E41	RGB 64 62 65	#403E41

#E2D9E4 #C7BFC8 #ACA5AD #918B92 #767177 #5B575C #403E41

#E2D9E4 - #403E41

HSV Blend

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

0.0%	0.0% #E2D9E4	RGB 226 217 228	#E2D9E4
16.7%	16.7% #C6BFC8	RGB 198 191 200	#C6BFC8
33.3%	33.3% #ABA5AD	RGB 171 165 173	#ABA5AD
50.0%	50.0% #908B92	RGB 144 139 146	#908B92
66.7%	66.7% #757177	RGB 117 113 119	#757177
83.3%	83.3% #5A575C	RGB 90 87 92	#5A575C
100.0%	100.0% #403E41	RGB 64 62 65	#403E41

#E2D9E4 #C6BFC8 #ABA5AD #908B92 #757177 #5A575C #403E41

#E2D9E4 - #908B92 - #403E41

CSS codes

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

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