#A277E5 - #B9A0FF | 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 #A277E5 to #B9A0FF

#A277E5 #B9A0FF

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

#A277E5 - #B9A0FF | 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 #A277E5 as 0% and #B9A0FF as 100%.

0.0%	0.0% #A277E5	RGB 162 119 229	#A277E5
16.7%	16.7% #A57DE9	RGB 165 125 233	#A57DE9
33.3%	33.3% #A984ED	RGB 169 132 237	#A984ED
50.0%	50.0% #AD8BF2	RGB 173 139 242	#AD8BF2
66.7%	66.7% #B192F6	RGB 177 146 246	#B192F6
83.3%	83.3% #B599FA	RGB 181 153 250	#B599FA
100.0%	100.0% #B9A0FF	RGB 185 160 255	#B9A0FF

#A277E5 #A57DE9 #A984ED #AD8BF2 #B192F6 #B599FA #B9A0FF

#A277E5 - #B9A0FF

HSV Blend

#A277E5 - #B9A0FF | 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 #A277E5 as 0% and #B9A0FF as 100%.

0.0%	0.0% #A277E5	RGB 162 119 229	#A277E5
16.7%	16.7% #A57DE9	RGB 165 125 233	#A57DE9
33.3%	33.3% #A884ED	RGB 168 132 237	#A884ED
50.0%	50.0% #AC8AF2	RGB 172 138 242	#AC8AF2
66.7%	66.7% #B091F6	RGB 176 145 246	#B091F6
83.3%	83.3% #B498FA	RGB 180 152 250	#B498FA
100.0%	100.0% #B9A0FF	RGB 185 160 255	#B9A0FF

#A277E5 #A57DE9 #A884ED #AC8AF2 #B091F6 #B498FA #B9A0FF

#A277E5 - #AC8AF2 - #B9A0FF

CSS codes

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

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