#8C879A - #F9A2FF | 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 #8C879A to #F9A2FF

#8C879A #F9A2FF

Calculate the color between two colors, #8C879A and #F9A2FF. 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)

#8C879A - #F9A2FF | 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 #8C879A as 0% and #F9A2FF as 100%.

0.0%	0.0% #8C879A	RGB 140 135 154	#8C879A
16.7%	16.7% #9E8BAA	RGB 158 139 170	#9E8BAA
33.3%	33.3% #B090BB	RGB 176 144 187	#B090BB
50.0%	50.0% #C294CC	RGB 194 148 204	#C294CC
66.7%	66.7% #D499DD	RGB 212 153 221	#D499DD
83.3%	83.3% #E69DEE	RGB 230 157 238	#E69DEE
100.0%	100.0% #F9A2FF	RGB 249 162 255	#F9A2FF

#8C879A #9E8BAA #B090BB #C294CC #D499DD #E69DEE #F9A2FF

#8C879A - #F9A2FF

HSV Blend

#8C879A - #F9A2FF | 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 #8C879A as 0% and #F9A2FF as 100%.

0.0%	0.0% #8C879A	RGB 140 135 154	#8C879A
16.7%	16.7% #998EAA	RGB 153 142 170	#998EAA
33.3%	33.3% #A895BB	RGB 168 149 187	#A895BB
50.0%	50.0% #B89ACC	RGB 184 154 204	#B89ACC
66.7%	66.7% #CB9EDD	RGB 203 158 221	#CB9EDD
83.3%	83.3% #E0A0EE	RGB 224 160 238	#E0A0EE
100.0%	100.0% #F9A2FF	RGB 249 162 255	#F9A2FF

#8C879A #998EAA #A895BB #B89ACC #CB9EDD #E0A0EE #F9A2FF

#8C879A - #B89ACC - #F9A2FF

CSS codes

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

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