#AACAB1 - #E6EFE9 | 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 #AACAB1 to #E6EFE9

#AACAB1 #E6EFE9

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

#AACAB1 - #E6EFE9 | 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 #AACAB1 as 0% and #E6EFE9 as 100%.

0.0%	0.0% #AACAB1	RGB 170 202 177	#AACAB1
16.7%	16.7% #B4D0BA	RGB 180 208 186	#B4D0BA
33.3%	33.3% #BED6C3	RGB 190 214 195	#BED6C3
50.0%	50.0% #C8DCCD	RGB 200 220 205	#C8DCCD
66.7%	66.7% #D2E2D6	RGB 210 226 214	#D2E2D6
83.3%	83.3% #DCE8DF	RGB 220 232 223	#DCE8DF
100.0%	100.0% #E6EFE9	RGB 230 239 233	#E6EFE9

#AACAB1 #B4D0BA #BED6C3 #C8DCCD #D2E2D6 #DCE8DF #E6EFE9

#AACAB1 - #E6EFE9

HSV Blend

#AACAB1 - #E6EFE9 | 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 #AACAB1 as 0% and #E6EFE9 as 100%.

0.0%	0.0% #AACAB1	RGB 170 202 177	#AACAB1
16.7%	16.7% #B3D0BA	RGB 179 208 186	#B3D0BA
33.3%	33.3% #BDD6C3	RGB 189 214 195	#BDD6C3
50.0%	50.0% #C6DCCC	RGB 198 220 204	#C6DCCC
66.7%	66.7% #D1E2D6	RGB 209 226 214	#D1E2D6
83.3%	83.3% #DBE8DF	RGB 219 232 223	#DBE8DF
100.0%	100.0% #E6EFE9	RGB 230 239 233	#E6EFE9

#AACAB1 #B3D0BA #BDD6C3 #C6DCCC #D1E2D6 #DBE8DF #E6EFE9

#AACAB1 - #C6DCCC - #E6EFE9

CSS codes

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

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