#A167AB - #F9A8C7 | 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 #A167AB to #F9A8C7

#A167AB #F9A8C7

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

#A167AB - #F9A8C7 | 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 #A167AB as 0% and #F9A8C7 as 100%.

0.0%	0.0% #A167AB	RGB 161 103 171	#A167AB
16.7%	16.7% #AF71AF	RGB 175 113 175	#AF71AF
33.3%	33.3% #BE7CB4	RGB 190 124 180	#BE7CB4
50.0%	50.0% #CD87B9	RGB 205 135 185	#CD87B9
66.7%	66.7% #DB92BD	RGB 219 146 189	#DB92BD
83.3%	83.3% #EA9DC2	RGB 234 157 194	#EA9DC2
100.0%	100.0% #F9A8C7	RGB 249 168 199	#F9A8C7

#A167AB #AF71AF #BE7CB4 #CD87B9 #DB92BD #EA9DC2 #F9A8C7

#A167AB - #F9A8C7

HSV Blend

#A167AB - #F9A8C7 | 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 #A167AB as 0% and #F9A8C7 as 100%.

0.0%	0.0% #A167AB	RGB 161 103 171	#A167AB
16.7%	16.7% #B671B8	RGB 182 113 184	#B671B8
33.3%	33.3% #C57BBD	RGB 197 123 189	#C57BBD
50.0%	50.0% #D286C0	RGB 210 134 192	#D286C0
66.7%	66.7% #DF91C2	RGB 223 145 194	#DF91C2
83.3%	83.3% #EC9CC4	RGB 236 156 196	#EC9CC4
100.0%	100.0% #F9A8C7	RGB 249 168 199	#F9A8C7

#A167AB #B671B8 #C57BBD #D286C0 #DF91C2 #EC9CC4 #F9A8C7

#A167AB - #D286C0 - #F9A8C7

CSS codes

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

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