#AEB5B8 - #C6ECE8 | 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 #AEB5B8 to #C6ECE8

#AEB5B8 #C6ECE8

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

#AEB5B8 - #C6ECE8 | 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 #AEB5B8 as 0% and #C6ECE8 as 100%.

0.0%	0.0% #AEB5B8	RGB 174 181 184	#AEB5B8
16.7%	16.7% #B2BEC0	RGB 178 190 192	#B2BEC0
33.3%	33.3% #B6C7C8	RGB 182 199 200	#B6C7C8
50.0%	50.0% #BAD0D0	RGB 186 208 208	#BAD0D0
66.7%	66.7% #BED9D8	RGB 190 217 216	#BED9D8
83.3%	83.3% #C2E2E0	RGB 194 226 224	#C2E2E0
100.0%	100.0% #C6ECE8	RGB 198 236 232	#C6ECE8

#AEB5B8 #B2BEC0 #B6C7C8 #BAD0D0 #BED9D8 #C2E2E0 #C6ECE8

#AEB5B8 - #C6ECE8

HSV Blend

#AEB5B8 - #C6ECE8 | 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 #AEB5B8 as 0% and #C6ECE8 as 100%.

0.0%	0.0% #AEB5B8	RGB 174 181 184	#AEB5B8
16.7%	16.7% #B2BDC0	RGB 178 189 192	#B2BDC0
33.3%	33.3% #B7C6C9	RGB 183 198 201	#B7C6C9
50.0%	50.0% #BBCFD2	RGB 187 207 210	#BBCFD2
66.7%	66.7% #BFD9DA	RGB 191 217 218	#BFD9DA
83.3%	83.3% #C2E3E2	RGB 194 227 226	#C2E3E2
100.0%	100.0% #C6ECE8	RGB 198 236 232	#C6ECE8

#AEB5B8 #B2BDC0 #B7C6C9 #BBCFD2 #BFD9DA #C2E3E2 #C6ECE8

#AEB5B8 - #BBCFD2 - #C6ECE8

CSS codes

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

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