#E2CFDB - #403B3E | 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 #E2CFDB to #403B3E

#E2CFDB #403B3E

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

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

0.0%	0.0% #E2CFDB	RGB 226 207 219	#E2CFDB
16.7%	16.7% #C7B6C0	RGB 199 182 192	#C7B6C0
33.3%	33.3% #AC9DA6	RGB 172 157 166	#AC9DA6
50.0%	50.0% #91858C	RGB 145 133 140	#91858C
66.7%	66.7% #766C72	RGB 118 108 114	#766C72
83.3%	83.3% #5B5358	RGB 91 83 88	#5B5358
100.0%	100.0% #403B3E	RGB 64 59 62	#403B3E

#E2CFDB #C7B6C0 #AC9DA6 #91858C #766C72 #5B5358 #403B3E

#E2CFDB - #403B3E

HSV Blend

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

0.0%	0.0% #E2CFDB	RGB 226 207 219	#E2CFDB
16.7%	16.7% #C7B6C0	RGB 199 182 192	#C7B6C0
33.3%	33.3% #AC9DA6	RGB 172 157 166	#AC9DA6
50.0%	50.0% #91858C	RGB 145 133 140	#91858C
66.7%	66.7% #766C72	RGB 118 108 114	#766C72
83.3%	83.3% #5B5358	RGB 91 83 88	#5B5358
100.0%	100.0% #403B3E	RGB 64 59 62	#403B3E

#E2CFDB #C7B6C0 #AC9DA6 #91858C #766C72 #5B5358 #403B3E

#E2CFDB - #91858C - #403B3E

CSS codes

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

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