#8C5E6F - #F2AA8B | 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 #8C5E6F to #F2AA8B

#8C5E6F #F2AA8B

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

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

0.0%	0.0% #8C5E6F	RGB 140 94 111	#8C5E6F
16.7%	16.7% #9D6A73	RGB 157 106 115	#9D6A73
33.3%	33.3% #AE7778	RGB 174 119 120	#AE7778
50.0%	50.0% #BF847D	RGB 191 132 125	#BF847D
66.7%	66.7% #D09081	RGB 208 144 129	#D09081
83.3%	83.3% #E19D86	RGB 225 157 134	#E19D86
100.0%	100.0% #F2AA8B	RGB 242 170 139	#F2AA8B

#8C5E6F #9D6A73 #AE7778 #BF847D #D09081 #E19D86 #F2AA8B

#8C5E6F - #F2AA8B

HSV Blend

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

0.0%	0.0% #8C5E6F	RGB 140 94 111	#8C5E6F
16.7%	16.7% #9D6674	RGB 157 102 116	#9D6674
33.3%	33.3% #AE6F78	RGB 174 111 120	#AE6F78
50.0%	50.0% #BF7679	RGB 191 118 121	#BF7679
66.7%	66.7% #D0847E	RGB 208 132 126	#D0847E
83.3%	83.3% #E19684	RGB 225 150 132	#E19684
100.0%	100.0% #F2AA8B	RGB 242 170 139	#F2AA8B

#8C5E6F #9D6674 #AE6F78 #BF7679 #D0847E #E19684 #F2AA8B

#8C5E6F - #BF7679 - #F2AA8B

CSS codes

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

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