#E6E6ED - #8BA8B6 | 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 #E6E6ED to #8BA8B6

#E6E6ED #8BA8B6

Calculate the color between two colors, #E6E6ED and #8BA8B6. 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)

#E6E6ED - #8BA8B6 | 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 #E6E6ED as 0% and #8BA8B6 as 100%.

0.0%	0.0% #E6E6ED	RGB 230 230 237	#E6E6ED
16.7%	16.7% #D6DBE3	RGB 214 219 227	#D6DBE3
33.3%	33.3% #C7D1DA	RGB 199 209 218	#C7D1DA
50.0%	50.0% #B8C7D1	RGB 184 199 209	#B8C7D1
66.7%	66.7% #A9BCC8	RGB 169 188 200	#A9BCC8
83.3%	83.3% #9AB2BF	RGB 154 178 191	#9AB2BF
100.0%	100.0% #8BA8B6	RGB 139 168 182	#8BA8B6

#E6E6ED #D6DBE3 #C7D1DA #B8C7D1 #A9BCC8 #9AB2BF #8BA8B6

#E6E6ED - #8BA8B6

HSV Blend

#E6E6ED - #8BA8B6 | 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 #E6E6ED as 0% and #8BA8B6 as 100%.

0.0%	0.0% #E6E6ED	RGB 230 230 237	#E6E6ED
16.7%	16.7% #D5D6E3	RGB 213 214 227	#D5D6E3
33.3%	33.3% #C5C9DA	RGB 197 201 218	#C5C9DA
50.0%	50.0% #B5BFD1	RGB 181 191 209	#B5BFD1
66.7%	66.7% #A6B5C8	RGB 166 181 200	#A6B5C8
83.3%	83.3% #98AEBF	RGB 152 174 191	#98AEBF
100.0%	100.0% #8BA8B6	RGB 139 168 182	#8BA8B6

#E6E6ED #D5D6E3 #C5C9DA #B5BFD1 #A6B5C8 #98AEBF #8BA8B6

#E6E6ED - #B5BFD1 - #8BA8B6

CSS codes

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

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