#C7A5A8 - #8F535A | 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 #C7A5A8 to #8F535A

#C7A5A8 #8F535A

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

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

0.0%	0.0% #C7A5A8	RGB 199 165 168	#C7A5A8
16.7%	16.7% #BD979B	RGB 189 151 155	#BD979B
33.3%	33.3% #B4898E	RGB 180 137 142	#B4898E
50.0%	50.0% #AB7C81	RGB 171 124 129	#AB7C81
66.7%	66.7% #A16E74	RGB 161 110 116	#A16E74
83.3%	83.3% #986067	RGB 152 96 103	#986067
100.0%	100.0% #8F535A	RGB 143 83 90	#8F535A

#C7A5A8 #BD979B #B4898E #AB7C81 #A16E74 #986067 #8F535A

#C7A5A8 - #8F535A

HSV Blend

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

0.0%	0.0% #C7A5A8	RGB 199 165 168	#C7A5A8
16.7%	16.7% #BD9599	RGB 189 149 153	#BD9599
33.3%	33.3% #B4868B	RGB 180 134 139	#B4868B
50.0%	50.0% #AB787D	RGB 171 120 125	#AB787D
66.7%	66.7% #A16B71	RGB 161 107 113	#A16B71
83.3%	83.3% #985E65	RGB 152 94 101	#985E65
100.0%	100.0% #8F535A	RGB 143 83 90	#8F535A

#C7A5A8 #BD9599 #B4868B #AB787D #A16B71 #985E65 #8F535A

#C7A5A8 - #AB787D - #8F535A

CSS codes

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

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