#C7A0A2 - #8D4F54 | 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 #C7A0A2 to #8D4F54

#C7A0A2 #8D4F54

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

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

0.0%	0.0% #C7A0A2	RGB 199 160 162	#C7A0A2
16.7%	16.7% #BD9295	RGB 189 146 149	#BD9295
33.3%	33.3% #B38588	RGB 179 133 136	#B38588
50.0%	50.0% #AA777B	RGB 170 119 123	#AA777B
66.7%	66.7% #A06A6E	RGB 160 106 110	#A06A6E
83.3%	83.3% #965C61	RGB 150 92 97	#965C61
100.0%	100.0% #8D4F54	RGB 141 79 84	#8D4F54

#C7A0A2 #BD9295 #B38588 #AA777B #A06A6E #965C61 #8D4F54

#C7A0A2 - #8D4F54

HSV Blend

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

0.0%	0.0% #C7A0A2	RGB 199 160 162	#C7A0A2
16.7%	16.7% #BD9093	RGB 189 144 147	#BD9093
33.3%	33.3% #B38184	RGB 179 129 132	#B38184
50.0%	50.0% #AA7377	RGB 170 115 119	#AA7377
66.7%	66.7% #A0666A	RGB 160 102 106	#A0666A
83.3%	83.3% #965A5F	RGB 150 90 95	#965A5F
100.0%	100.0% #8D4F54	RGB 141 79 84	#8D4F54

#C7A0A2 #BD9093 #B38184 #AA7377 #A0666A #965A5F #8D4F54

#C7A0A2 - #AA7377 - #8D4F54

CSS codes

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

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