#E7EAFB - #424247 | 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 #E7EAFB to #424247

#E7EAFB #424247

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

#E7EAFB - #424247 | 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 #E7EAFB as 0% and #424247 as 100%.

0.0%	0.0% #E7EAFB	RGB 231 234 251	#E7EAFB
16.7%	16.7% #CBCEDD	RGB 203 206 221	#CBCEDD
33.3%	33.3% #B0B2BF	RGB 176 178 191	#B0B2BF
50.0%	50.0% #9496A1	RGB 148 150 161	#9496A1
66.7%	66.7% #797A83	RGB 121 122 131	#797A83
83.3%	83.3% #5D5E65	RGB 93 94 101	#5D5E65
100.0%	100.0% #424247	RGB 66 66 71	#424247

#E7EAFB #CBCEDD #B0B2BF #9496A1 #797A83 #5D5E65 #424247

#E7EAFB - #424247

HSV Blend

#E7EAFB - #424247 | 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 #E7EAFB as 0% and #424247 as 100%.

0.0%	0.0% #E7EAFB	RGB 231 234 251	#E7EAFB
16.7%	16.7% #CBCDDD	RGB 203 205 221	#CBCDDD
33.3%	33.3% #B0B1BF	RGB 176 177 191	#B0B1BF
50.0%	50.0% #9495A1	RGB 148 149 161	#9495A1
66.7%	66.7% #797983	RGB 121 121 131	#797983
83.3%	83.3% #5D5D65	RGB 93 93 101	#5D5D65
100.0%	100.0% #424247	RGB 66 66 71	#424247

#E7EAFB #CBCDDD #B0B1BF #9495A1 #797983 #5D5D65 #424247

#E7EAFB - #9495A1 - #424247

CSS codes

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

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