#E3CFE1 - #403B3F | 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 #E3CFE1 to #403B3F

#E3CFE1 #403B3F

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

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

0.0%	0.0% #E3CFE1	RGB 227 207 225	#E3CFE1
16.7%	16.7% #C7B6C6	RGB 199 182 198	#C7B6C6
33.3%	33.3% #AC9DAB	RGB 172 157 171	#AC9DAB
50.0%	50.0% #918590	RGB 145 133 144	#918590
66.7%	66.7% #766C75	RGB 118 108 117	#766C75
83.3%	83.3% #5B535A	RGB 91 83 90	#5B535A
100.0%	100.0% #403B3F	RGB 64 59 63	#403B3F

#E3CFE1 #C7B6C6 #AC9DAB #918590 #766C75 #5B535A #403B3F

#E3CFE1 - #403B3F

HSV Blend

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

0.0%	0.0% #E3CFE1	RGB 227 207 225	#E3CFE1
16.7%	16.7% #C7B6C5	RGB 199 182 197	#C7B6C5
33.3%	33.3% #AC9EAA	RGB 172 158 170	#AC9EAA
50.0%	50.0% #91858F	RGB 145 133 143	#91858F
66.7%	66.7% #766C74	RGB 118 108 116	#766C74
83.3%	83.3% #5B5359	RGB 91 83 89	#5B5359
100.0%	100.0% #403B3F	RGB 64 59 63	#403B3F

#E3CFE1 #C7B6C5 #AC9EAA #91858F #766C74 #5B5359 #403B3F

#E3CFE1 - #91858F - #403B3F

CSS codes

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

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