#E2DAEC - #403E43 | 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 #E2DAEC to #403E43

#E2DAEC #403E43

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

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

0.0%	0.0% #E2DAEC	RGB 226 218 236	#E2DAEC
16.7%	16.7% #C7C0CF	RGB 199 192 207	#C7C0CF
33.3%	33.3% #ACA6B3	RGB 172 166 179	#ACA6B3
50.0%	50.0% #918C97	RGB 145 140 151	#918C97
66.7%	66.7% #76727B	RGB 118 114 123	#76727B
83.3%	83.3% #5B585F	RGB 91 88 95	#5B585F
100.0%	100.0% #403E43	RGB 64 62 67	#403E43

#E2DAEC #C7C0CF #ACA6B3 #918C97 #76727B #5B585F #403E43

#E2DAEC - #403E43

HSV Blend

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

0.0%	0.0% #E2DAEC	RGB 226 218 236	#E2DAEC
16.7%	16.7% #C6C0CF	RGB 198 192 207	#C6C0CF
33.3%	33.3% #ABA6B3	RGB 171 166 179	#ABA6B3
50.0%	50.0% #908C97	RGB 144 140 151	#908C97
66.7%	66.7% #75727B	RGB 117 114 123	#75727B
83.3%	83.3% #5A585F	RGB 90 88 95	#5A585F
100.0%	100.0% #403E43	RGB 64 62 67	#403E43

#E2DAEC #C6C0CF #ABA6B3 #908C97 #75727B #5A585F #403E43

#E2DAEC - #908C97 - #403E43

CSS codes

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

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