#AEB5AE - #ACD0FF | 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 #AEB5AE to #ACD0FF

#AEB5AE #ACD0FF

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

#AEB5AE - #ACD0FF | 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 #AEB5AE as 0% and #ACD0FF as 100%.

0.0%	0.0% #AEB5AE	RGB 174 181 174	#AEB5AE
16.7%	16.7% #ADB9BB	RGB 173 185 187	#ADB9BB
33.3%	33.3% #ADBEC9	RGB 173 190 201	#ADBEC9
50.0%	50.0% #ADC2D6	RGB 173 194 214	#ADC2D6
66.7%	66.7% #ACC7E4	RGB 172 199 228	#ACC7E4
83.3%	83.3% #ACCBF1	RGB 172 203 241	#ACCBF1
100.0%	100.0% #ACD0FF	RGB 172 208 255	#ACD0FF

#AEB5AE #ADB9BB #ADBEC9 #ADC2D6 #ACC7E4 #ACCBF1 #ACD0FF

#AEB5AE - #ACD0FF

HSV Blend

#AEB5AE - #ACD0FF | 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 #AEB5AE as 0% and #ACD0FF as 100%.

0.0%	0.0% #AEB5AE	RGB 174 181 174	#AEB5AE
16.7%	16.7% #B0C1B4	RGB 176 193 180	#B0C1B4
33.3%	33.3% #B2CDC0	RGB 178 205 192	#B2CDC0
50.0%	50.0% #B2DAD1	RGB 178 218 209	#B2DAD1
66.7%	66.7% #B1E3E6	RGB 177 227 230	#B1E3E6
83.3%	83.3% #AFDEF2	RGB 175 222 242	#AFDEF2
100.0%	100.0% #ACD0FF	RGB 172 208 255	#ACD0FF

#AEB5AE #B0C1B4 #B2CDC0 #B2DAD1 #B1E3E6 #AFDEF2 #ACD0FF

#AEB5AE - #B2DAD1 - #ACD0FF

CSS codes

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

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