#AA77AC - #FFBFAB | 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 #AA77AC to #FFBFAB

#AA77AC #FFBFAB

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

#AA77AC - #FFBFAB | 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 #AA77AC as 0% and #FFBFAB as 100%.

0.0%	0.0% #AA77AC	RGB 170 119 172	#AA77AC
16.7%	16.7% #B883AB	RGB 184 131 171	#B883AB
33.3%	33.3% #C68FAB	RGB 198 143 171	#C68FAB
50.0%	50.0% #D49BAB	RGB 212 155 171	#D49BAB
66.7%	66.7% #E2A7AB	RGB 226 167 171	#E2A7AB
83.3%	83.3% #F0B3AB	RGB 240 179 171	#F0B3AB
100.0%	100.0% #FFBFAB	RGB 255 191 171	#FFBFAB

#AA77AC #B883AB #C68FAB #D49BAB #E2A7AB #F0B3AB #FFBFAB

#AA77AC - #FFBFAB

HSV Blend

#AA77AC - #FFBFAB | 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 #AA77AC as 0% and #FFBFAB as 100%.

0.0%	0.0% #AA77AC	RGB 170 119 172	#AA77AC
16.7%	16.7% #B97FAF	RGB 185 127 175	#B97FAF
33.3%	33.3% #C788AF	RGB 199 136 175	#C788AF
50.0%	50.0% #D591AC	RGB 213 145 172	#D591AC
66.7%	66.7% #E39AA7	RGB 227 154 167	#E39AA7
83.3%	83.3% #F1A4A2	RGB 241 164 162	#F1A4A2
100.0%	100.0% #FFBFAB	RGB 255 191 171	#FFBFAB

#AA77AC #B97FAF #C788AF #D591AC #E39AA7 #F1A4A2 #FFBFAB

#AA77AC - #D591AC - #FFBFAB

CSS codes

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

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