#E5E1EC - #414043 | 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 #E5E1EC to #414043

#E5E1EC #414043

Calculate the color between two colors, #E5E1EC and #414043. 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)

#E5E1EC - #414043 | 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 #E5E1EC as 0% and #414043 as 100%.

0.0%	0.0% #E5E1EC	RGB 229 225 236	#E5E1EC
16.7%	16.7% #C9C6CF	RGB 201 198 207	#C9C6CF
33.3%	33.3% #AEABB3	RGB 174 171 179	#AEABB3
50.0%	50.0% #939097	RGB 147 144 151	#939097
66.7%	66.7% #77757B	RGB 119 117 123	#77757B
83.3%	83.3% #5C5A5F	RGB 92 90 95	#5C5A5F
100.0%	100.0% #414043	RGB 65 64 67	#414043

#E5E1EC #C9C6CF #AEABB3 #939097 #77757B #5C5A5F #414043

#E5E1EC - #414043

HSV Blend

#E5E1EC - #414043 | 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 #E5E1EC as 0% and #414043 as 100%.

0.0%	0.0% #E5E1EC	RGB 229 225 236	#E5E1EC
16.7%	16.7% #C9C6CF	RGB 201 198 207	#C9C6CF
33.3%	33.3% #AEABB3	RGB 174 171 179	#AEABB3
50.0%	50.0% #929097	RGB 146 144 151	#929097
66.7%	66.7% #77757B	RGB 119 117 123	#77757B
83.3%	83.3% #5C5A5F	RGB 92 90 95	#5C5A5F
100.0%	100.0% #414043	RGB 65 64 67	#414043

#E5E1EC #C9C6CF #AEABB3 #929097 #77757B #5C5A5F #414043

#E5E1EC - #929097 - #414043

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E1EC 0%, #929097 50%, #414043 100%);
    background: -webkit-linear-gradient(top, #E5E1EC 0%, #929097 50%, #414043 100%);
    background: linear-gradient(to bottom, #E5E1EC 0%, #929097 50%, #414043 100%);
}
</style>