#A6B7E7 - #E5EAF8 | 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 #A6B7E7 to #E5EAF8

#A6B7E7 #E5EAF8

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

#A6B7E7 - #E5EAF8 | 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 #A6B7E7 as 0% and #E5EAF8 as 100%.

0.0%	0.0% #A6B7E7	RGB 166 183 231	#A6B7E7
16.7%	16.7% #B0BFE9	RGB 176 191 233	#B0BFE9
33.3%	33.3% #BBC8EC	RGB 187 200 236	#BBC8EC
50.0%	50.0% #C5D0EF	RGB 197 208 239	#C5D0EF
66.7%	66.7% #D0D9F2	RGB 208 217 242	#D0D9F2
83.3%	83.3% #DAE1F5	RGB 218 225 245	#DAE1F5
100.0%	100.0% #E5EAF8	RGB 229 234 248	#E5EAF8

#A6B7E7 #B0BFE9 #BBC8EC #C5D0EF #D0D9F2 #DAE1F5 #E5EAF8

#A6B7E7 - #E5EAF8

HSV Blend

#A6B7E7 - #E5EAF8 | 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 #A6B7E7 as 0% and #E5EAF8 as 100%.

0.0%	0.0% #A6B7E7	RGB 166 183 231	#A6B7E7
16.7%	16.7% #B0BFE9	RGB 176 191 233	#B0BFE9
33.3%	33.3% #BAC7EC	RGB 186 199 236	#BAC7EC
50.0%	50.0% #C4CFEF	RGB 196 207 239	#C4CFEF
66.7%	66.7% #CFD8F2	RGB 207 216 242	#CFD8F2
83.3%	83.3% #DAE1F5	RGB 218 225 245	#DAE1F5
100.0%	100.0% #E5EAF8	RGB 229 234 248	#E5EAF8

#A6B7E7 #B0BFE9 #BAC7EC #C4CFEF #CFD8F2 #DAE1F5 #E5EAF8

#A6B7E7 - #C4CFEF - #E5EAF8

CSS codes

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

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