#C7A4A8 - #8F525A | 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 #C7A4A8 to #8F525A

#C7A4A8 #8F525A

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

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

0.0%	0.0% #C7A4A8	RGB 199 164 168	#C7A4A8
16.7%	16.7% #BD969B	RGB 189 150 155	#BD969B
33.3%	33.3% #B4888E	RGB 180 136 142	#B4888E
50.0%	50.0% #AB7B81	RGB 171 123 129	#AB7B81
66.7%	66.7% #A16D74	RGB 161 109 116	#A16D74
83.3%	83.3% #985F67	RGB 152 95 103	#985F67
100.0%	100.0% #8F525A	RGB 143 82 90	#8F525A

#C7A4A8 #BD969B #B4888E #AB7B81 #A16D74 #985F67 #8F525A

#C7A4A8 - #8F525A

HSV Blend

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

0.0%	0.0% #C7A4A8	RGB 199 164 168	#C7A4A8
16.7%	16.7% #BD9499	RGB 189 148 153	#BD9499
33.3%	33.3% #B4858B	RGB 180 133 139	#B4858B
50.0%	50.0% #AB777D	RGB 171 119 125	#AB777D
66.7%	66.7% #A16A71	RGB 161 106 113	#A16A71
83.3%	83.3% #985D65	RGB 152 93 101	#985D65
100.0%	100.0% #8F525A	RGB 143 82 90	#8F525A

#C7A4A8 #BD9499 #B4858B #AB777D #A16A71 #985D65 #8F525A

#C7A4A8 - #AB777D - #8F525A

CSS codes

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

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