#AABDC6 - #E6ECEE | 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 #AABDC6 to #E6ECEE

#AABDC6 #E6ECEE

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

#AABDC6 - #E6ECEE | 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 #AABDC6 as 0% and #E6ECEE as 100%.

0.0%	0.0% #AABDC6	RGB 170 189 198	#AABDC6
16.7%	16.7% #B4C4CC	RGB 180 196 204	#B4C4CC
33.3%	33.3% #BECCD3	RGB 190 204 211	#BECCD3
50.0%	50.0% #C8D4DA	RGB 200 212 218	#C8D4DA
66.7%	66.7% #D2DCE0	RGB 210 220 224	#D2DCE0
83.3%	83.3% #DCE4E7	RGB 220 228 231	#DCE4E7
100.0%	100.0% #E6ECEE	RGB 230 236 238	#E6ECEE

#AABDC6 #B4C4CC #BECCD3 #C8D4DA #D2DCE0 #DCE4E7 #E6ECEE

#AABDC6 - #E6ECEE

HSV Blend

#AABDC6 - #E6ECEE | 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 #AABDC6 as 0% and #E6ECEE as 100%.

0.0%	0.0% #AABDC6	RGB 170 189 198	#AABDC6
16.7%	16.7% #B3C4CC	RGB 179 196 204	#B3C4CC
33.3%	33.3% #BDCCD3	RGB 189 204 211	#BDCCD3
50.0%	50.0% #C6D4DA	RGB 198 212 218	#C6D4DA
66.7%	66.7% #D1DCE0	RGB 209 220 224	#D1DCE0
83.3%	83.3% #DBE4E7	RGB 219 228 231	#DBE4E7
100.0%	100.0% #E6ECEE	RGB 230 236 238	#E6ECEE

#AABDC6 #B3C4CC #BDCCD3 #C6D4DA #D1DCE0 #DBE4E7 #E6ECEE

#AABDC6 - #C6D4DA - #E6ECEE

CSS codes

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

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