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

#A477AB #FFBFAB

Calculate the color between two colors, #A477AB 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)

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

0.0%	0.0% #A477AB	RGB 164 119 171	#A477AB
16.7%	16.7% #B383AB	RGB 179 131 171	#B383AB
33.3%	33.3% #C28FAB	RGB 194 143 171	#C28FAB
50.0%	50.0% #D19BAB	RGB 209 155 171	#D19BAB
66.7%	66.7% #E0A7AB	RGB 224 167 171	#E0A7AB
83.3%	83.3% #EFB3AB	RGB 239 179 171	#EFB3AB
100.0%	100.0% #FFBFAB	RGB 255 191 171	#FFBFAB

#A477AB #B383AB #C28FAB #D19BAB #E0A7AB #EFB3AB #FFBFAB

#A477AB - #FFBFAB

HSV Blend

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

0.0%	0.0% #A377AB	RGB 163 119 171	#A377AB
16.7%	16.7% #B97FB3	RGB 185 127 179	#B97FB3
33.3%	33.3% #C788B2	RGB 199 136 178	#C788B2
50.0%	50.0% #D591AF	RGB 213 145 175	#D591AF
66.7%	66.7% #E39AAA	RGB 227 154 170	#E39AAA
83.3%	83.3% #F1A3A2	RGB 241 163 162	#F1A3A2
100.0%	100.0% #FFBFAB	RGB 255 191 171	#FFBFAB

#A377AB #B97FB3 #C788B2 #D591AF #E39AAA #F1A3A2 #FFBFAB

#A477AB - #D591AF - #FFBFAB

CSS codes

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

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