#A067AB - #F9A8C6 | 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 #A067AB to #F9A8C6

#A067AB #F9A8C6

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

#A067AB - #F9A8C6 | 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 #A067AB as 0% and #F9A8C6 as 100%.

0.0%	0.0% #A067AB	RGB 160 103 171	#A067AB
16.7%	16.7% #AE71AF	RGB 174 113 175	#AE71AF
33.3%	33.3% #BD7CB4	RGB 189 124 180	#BD7CB4
50.0%	50.0% #CC87B8	RGB 204 135 184	#CC87B8
66.7%	66.7% #DB92BD	RGB 219 146 189	#DB92BD
83.3%	83.3% #EA9DC1	RGB 234 157 193	#EA9DC1
100.0%	100.0% #F9A8C6	RGB 249 168 198	#F9A8C6

#A067AB #AE71AF #BD7CB4 #CC87B8 #DB92BD #EA9DC1 #F9A8C6

#A067AB - #F9A8C6

HSV Blend

#A067AB - #F9A8C6 | 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 #A067AB as 0% and #F9A8C6 as 100%.

0.0%	0.0% #9F67AB	RGB 159 103 171	#9F67AB
16.7%	16.7% #B571B8	RGB 181 113 184	#B571B8
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% #F9A8C6	RGB 249 168 198	#F9A8C6

#9F67AB #B571B8 #C57BBD #D286C0 #DF91C2 #EC9CC4 #F9A8C6

#A067AB - #D286C0 - #F9A8C6

CSS codes

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

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