#C8A8AB - #804E4A | 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 #C8A8AB to #804E4A

#C8A8AB #804E4A

Calculate the color between two colors, #C8A8AB and #804E4A. 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)

#C8A8AB - #804E4A | 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 #C8A8AB as 0% and #804E4A as 100%.

0.0%	0.0% #C8A8AB	RGB 200 168 171	#C8A8AB
16.7%	16.7% #BC999A	RGB 188 153 154	#BC999A
33.3%	33.3% #B08A8A	RGB 176 138 138	#B08A8A
50.0%	50.0% #A47B7A	RGB 164 123 122	#A47B7A
66.7%	66.7% #986C6A	RGB 152 108 106	#986C6A
83.3%	83.3% #8C5D5A	RGB 140 93 90	#8C5D5A
100.0%	100.0% #804E4A	RGB 128 78 74	#804E4A

#C8A8AB #BC999A #B08A8A #A47B7A #986C6A #8C5D5A #804E4A

#C8A8AB - #804E4A

HSV Blend

#C8A8AB - #804E4A | 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 #C8A8AB as 0% and #804E4A as 100%.

0.0%	0.0% #C8A8AB	RGB 200 168 171	#C8A8AB
16.7%	16.7% #BC9598	RGB 188 149 152	#BC9598
33.3%	33.3% #B08486	RGB 176 132 134	#B08486
50.0%	50.0% #A47474	RGB 164 116 116	#A47474
66.7%	66.7% #986665	RGB 152 102 101	#986665
83.3%	83.3% #8C5957	RGB 140 89 87	#8C5957
100.0%	100.0% #804E4A	RGB 128 78 74	#804E4A

#C8A8AB #BC9598 #B08486 #A47474 #986665 #8C5957 #804E4A

#C8A8AB - #A47474 - #804E4A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8A8AB 0%, #A47474 50%, #804E4A 100%);
    background: -webkit-linear-gradient(top, #C8A8AB 0%, #A47474 50%, #804E4A 100%);
    background: linear-gradient(to bottom, #C8A8AB 0%, #A47474 50%, #804E4A 100%);
}
</style>