#E5E6EF - #9AA6CD | 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 #E5E6EF to #9AA6CD

#E5E6EF #9AA6CD

Calculate the color between two colors, #E5E6EF and #9AA6CD. 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)

#E5E6EF - #9AA6CD | 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 #E5E6EF as 0% and #9AA6CD as 100%.

0.0%	0.0% #E5E6EF	RGB 229 230 239	#E5E6EF
16.7%	16.7% #D8DBE9	RGB 216 219 233	#D8DBE9
33.3%	33.3% #CCD0E3	RGB 204 208 227	#CCD0E3
50.0%	50.0% #BFC6DE	RGB 191 198 222	#BFC6DE
66.7%	66.7% #B3BBD8	RGB 179 187 216	#B3BBD8
83.3%	83.3% #A6B0D2	RGB 166 176 210	#A6B0D2
100.0%	100.0% #9AA6CD	RGB 154 166 205	#9AA6CD

#E5E6EF #D8DBE9 #CCD0E3 #BFC6DE #B3BBD8 #A6B0D2 #9AA6CD

#E5E6EF - #9AA6CD

HSV Blend

#E5E6EF - #9AA6CD | 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 #E5E6EF as 0% and #9AA6CD as 100%.

0.0%	0.0% #E5E6EF	RGB 229 230 239	#E5E6EF
16.7%	16.7% #D7D9E9	RGB 215 217 233	#D7D9E9
33.3%	33.3% #CACEE3	RGB 202 206 227	#CACEE3
50.0%	50.0% #BDC3DE	RGB 189 195 222	#BDC3DE
66.7%	66.7% #B1B8D8	RGB 177 184 216	#B1B8D8
83.3%	83.3% #A5AFD2	RGB 165 175 210	#A5AFD2
100.0%	100.0% #9AA6CD	RGB 154 166 205	#9AA6CD

#E5E6EF #D7D9E9 #CACEE3 #BDC3DE #B1B8D8 #A5AFD2 #9AA6CD

#E5E6EF - #BDC3DE - #9AA6CD

CSS codes

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

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