#E2DCE5 - #3F3E41 | 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 #E2DCE5 to #3F3E41

#E2DCE5 #3F3E41

Calculate the color between two colors, #E2DCE5 and #3F3E41. 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)

#E2DCE5 - #3F3E41 | 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 #E2DCE5 as 0% and #3F3E41 as 100%.

0.0%	0.0% #E2DCE5	RGB 226 220 229	#E2DCE5
16.7%	16.7% #C6C1C9	RGB 198 193 201	#C6C1C9
33.3%	33.3% #ABA7AE	RGB 171 167 174	#ABA7AE
50.0%	50.0% #908D93	RGB 144 141 147	#908D93
66.7%	66.7% #757277	RGB 117 114 119	#757277
83.3%	83.3% #5A585C	RGB 90 88 92	#5A585C
100.0%	100.0% #3F3E41	RGB 63 62 65	#3F3E41

#E2DCE5 #C6C1C9 #ABA7AE #908D93 #757277 #5A585C #3F3E41

#E2DCE5 - #3F3E41

HSV Blend

#E2DCE5 - #3F3E41 | 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 #E2DCE5 as 0% and #3F3E41 as 100%.

0.0%	0.0% #E2DCE5	RGB 226 220 229	#E2DCE5
16.7%	16.7% #C6C1C9	RGB 198 193 201	#C6C1C9
33.3%	33.3% #ABA7AE	RGB 171 167 174	#ABA7AE
50.0%	50.0% #8F8C93	RGB 143 140 147	#8F8C93
66.7%	66.7% #747277	RGB 116 114 119	#747277
83.3%	83.3% #59585C	RGB 89 88 92	#59585C
100.0%	100.0% #3F3E41	RGB 63 62 65	#3F3E41

#E2DCE5 #C6C1C9 #ABA7AE #8F8C93 #747277 #59585C #3F3E41

#E2DCE5 - #8F8C93 - #3F3E41

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2DCE5 0%, #8F8C93 50%, #3F3E41 100%);
    background: -webkit-linear-gradient(top, #E2DCE5 0%, #8F8C93 50%, #3F3E41 100%);
    background: linear-gradient(to bottom, #E2DCE5 0%, #8F8C93 50%, #3F3E41 100%);
}
</style>