#E6EAEF - #94A8BA | 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 #E6EAEF to #94A8BA

#E6EAEF #94A8BA

Calculate the color between two colors, #E6EAEF and #94A8BA. 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)

#E6EAEF - #94A8BA | 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 #E6EAEF as 0% and #94A8BA as 100%.

0.0%	0.0% #E6EAEF	RGB 230 234 239	#E6EAEF
16.7%	16.7% #D8DFE6	RGB 216 223 230	#D8DFE6
33.3%	33.3% #CAD4DD	RGB 202 212 221	#CAD4DD
50.0%	50.0% #BDC9D4	RGB 189 201 212	#BDC9D4
66.7%	66.7% #AFBECB	RGB 175 190 203	#AFBECB
83.3%	83.3% #A1B3C2	RGB 161 179 194	#A1B3C2
100.0%	100.0% #94A8BA	RGB 148 168 186	#94A8BA

#E6EAEF #D8DFE6 #CAD4DD #BDC9D4 #AFBECB #A1B3C2 #94A8BA

#E6EAEF - #94A8BA

HSV Blend

#E6EAEF - #94A8BA | 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 #E6EAEF as 0% and #94A8BA as 100%.

0.0%	0.0% #E6EAEF	RGB 230 234 239	#E6EAEF
16.7%	16.7% #D7DEE6	RGB 215 222 230	#D7DEE6
33.3%	33.3% #C8D2DD	RGB 200 210 221	#C8D2DD
50.0%	50.0% #BAC7D4	RGB 186 199 212	#BAC7D4
66.7%	66.7% #ADBCCB	RGB 173 188 203	#ADBCCB
83.3%	83.3% #A0B2C2	RGB 160 178 194	#A0B2C2
100.0%	100.0% #94A8BA	RGB 148 168 186	#94A8BA

#E6EAEF #D7DEE6 #C8D2DD #BAC7D4 #ADBCCB #A0B2C2 #94A8BA

#E6EAEF - #BAC7D4 - #94A8BA

CSS codes

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

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