#A6C7E7 - #E5EFF8 | 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 #A6C7E7 to #E5EFF8

#A6C7E7 #E5EFF8

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

#A6C7E7 - #E5EFF8 | 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 #A6C7E7 as 0% and #E5EFF8 as 100%.

0.0%	0.0% #A6C7E7	RGB 166 199 231	#A6C7E7
16.7%	16.7% #B0CDE9	RGB 176 205 233	#B0CDE9
33.3%	33.3% #BBD4EC	RGB 187 212 236	#BBD4EC
50.0%	50.0% #C5DBEF	RGB 197 219 239	#C5DBEF
66.7%	66.7% #D0E1F2	RGB 208 225 242	#D0E1F2
83.3%	83.3% #DAE8F5	RGB 218 232 245	#DAE8F5
100.0%	100.0% #E5EFF8	RGB 229 239 248	#E5EFF8

#A6C7E7 #B0CDE9 #BBD4EC #C5DBEF #D0E1F2 #DAE8F5 #E5EFF8

#A6C7E7 - #E5EFF8

HSV Blend

#A6C7E7 - #E5EFF8 | 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 #A6C7E7 as 0% and #E5EFF8 as 100%.

0.0%	0.0% #A6C7E7	RGB 166 199 231	#A6C7E7
16.7%	16.7% #B0CDE9	RGB 176 205 233	#B0CDE9
33.3%	33.3% #BAD4EC	RGB 186 212 236	#BAD4EC
50.0%	50.0% #C4DAEF	RGB 196 218 239	#C4DAEF
66.7%	66.7% #CFE1F2	RGB 207 225 242	#CFE1F2
83.3%	83.3% #DAE8F5	RGB 218 232 245	#DAE8F5
100.0%	100.0% #E5EFF8	RGB 229 239 248	#E5EFF8

#A6C7E7 #B0CDE9 #BAD4EC #C4DAEF #CFE1F2 #DAE8F5 #E5EFF8

#A6C7E7 - #C4DAEF - #E5EFF8

CSS codes

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

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