#AEAAB0 - #FFBEA8 | 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 #AEAAB0 to #FFBEA8

#AEAAB0 #FFBEA8

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

#AEAAB0 - #FFBEA8 | 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 #AEAAB0 as 0% and #FFBEA8 as 100%.

0.0%	0.0% #AEAAB0	RGB 174 170 176	#AEAAB0
16.7%	16.7% #BBADAE	RGB 187 173 174	#BBADAE
33.3%	33.3% #C9B0AD	RGB 201 176 173	#C9B0AD
50.0%	50.0% #D6B4AC	RGB 214 180 172	#D6B4AC
66.7%	66.7% #E4B7AA	RGB 228 183 170	#E4B7AA
83.3%	83.3% #F1BAA9	RGB 241 186 169	#F1BAA9
100.0%	100.0% #FFBEA8	RGB 255 190 168	#FFBEA8

#AEAAB0 #BBADAE #C9B0AD #D6B4AC #E4B7AA #F1BAA9 #FFBEA8

#AEAAB0 - #FFBEA8

HSV Blend

#AEAAB0 - #FFBEA8 | 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 #AEAAB0 as 0% and #FFBEA8 as 100%.

0.0%	0.0% #AEAAB0	RGB 174 170 176	#AEAAB0
16.7%	16.7% #BCADBD	RGB 188 173 189	#BCADBD
33.3%	33.3% #CAAEC4	RGB 202 174 196	#CAAEC4
50.0%	50.0% #D7AFC4	RGB 215 175 196	#D7AFC4
66.7%	66.7% #E4AEBD	RGB 228 174 189	#E4AEBD
83.3%	83.3% #F1ABAC	RGB 241 171 172	#F1ABAC
100.0%	100.0% #FFBEA8	RGB 255 190 168	#FFBEA8

#AEAAB0 #BCADBD #CAAEC4 #D7AFC4 #E4AEBD #F1ABAC #FFBEA8

#AEAAB0 - #D7AFC4 - #FFBEA8

CSS codes

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

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