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

#E5DAE2 #403E41

Calculate the color between two colors, #E5DAE2 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)

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

0.0%	0.0% #E5DAE2	RGB 229 218 226	#E5DAE2
16.7%	16.7% #C9C0C7	RGB 201 192 199	#C9C0C7
33.3%	33.3% #AEA6AC	RGB 174 166 172	#AEA6AC
50.0%	50.0% #928C91	RGB 146 140 145	#928C91
66.7%	66.7% #777276	RGB 119 114 118	#777276
83.3%	83.3% #5B585B	RGB 91 88 91	#5B585B
100.0%	100.0% #403E41	RGB 64 62 65	#403E41

#E5DAE2 #C9C0C7 #AEA6AC #928C91 #777276 #5B585B #403E41

#E5DAE2 - #403E41

HSV Blend

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

0.0%	0.0% #E5DAE2	RGB 229 218 226	#E5DAE2
16.7%	16.7% #C9C0C8	RGB 201 192 200	#C9C0C8
33.3%	33.3% #AEA6AD	RGB 174 166 173	#AEA6AD
50.0%	50.0% #928C93	RGB 146 140 147	#928C93
66.7%	66.7% #767277	RGB 118 114 119	#767277
83.3%	83.3% #5B585C	RGB 91 88 92	#5B585C
100.0%	100.0% #403E41	RGB 64 62 65	#403E41

#E5DAE2 #C9C0C8 #AEA6AD #928C93 #767277 #5B585C #403E41

#E5DAE2 - #928C93 - #403E41

CSS codes

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

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