#E5E6EE - #939AB8 | 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 #E5E6EE to #939AB8

#E5E6EE #939AB8

Calculate the color between two colors, #E5E6EE and #939AB8. 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)

#E5E6EE - #939AB8 | 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 #E5E6EE as 0% and #939AB8 as 100%.

0.0%	0.0% #E5E6EE	RGB 229 230 238	#E5E6EE
16.7%	16.7% #D7D9E5	RGB 215 217 229	#D7D9E5
33.3%	33.3% #C9CCDC	RGB 201 204 220	#C9CCDC
50.0%	50.0% #BCC0D3	RGB 188 192 211	#BCC0D3
66.7%	66.7% #AEB3CA	RGB 174 179 202	#AEB3CA
83.3%	83.3% #A0A6C1	RGB 160 166 193	#A0A6C1
100.0%	100.0% #939AB8	RGB 147 154 184	#939AB8

#E5E6EE #D7D9E5 #C9CCDC #BCC0D3 #AEB3CA #A0A6C1 #939AB8

#E5E6EE - #939AB8

HSV Blend

#E5E6EE - #939AB8 | 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 #E5E6EE as 0% and #939AB8 as 100%.

0.0%	0.0% #E5E6EE	RGB 229 230 238	#E5E6EE
16.7%	16.7% #D6D7E5	RGB 214 215 229	#D6D7E5
33.3%	33.3% #C7CADC	RGB 199 202 220	#C7CADC
50.0%	50.0% #B9BDD3	RGB 185 189 211	#B9BDD3
66.7%	66.7% #ACB1CA	RGB 172 177 202	#ACB1CA
83.3%	83.3% #9FA5C1	RGB 159 165 193	#9FA5C1
100.0%	100.0% #939AB8	RGB 147 154 184	#939AB8

#E5E6EE #D6D7E5 #C7CADC #B9BDD3 #ACB1CA #9FA5C1 #939AB8

#E5E6EE - #B9BDD3 - #939AB8

CSS codes

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

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