#C6A8AB - #7E4E4B | 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 #C6A8AB to #7E4E4B

#C6A8AB #7E4E4B

Calculate the color between two colors, #C6A8AB and #7E4E4B. 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)

#C6A8AB - #7E4E4B | 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 #C6A8AB as 0% and #7E4E4B as 100%.

0.0%	0.0% #C6A8AB	RGB 198 168 171	#C6A8AB
16.7%	16.7% #BA999B	RGB 186 153 155	#BA999B
33.3%	33.3% #AE8A8B	RGB 174 138 139	#AE8A8B
50.0%	50.0% #A27B7B	RGB 162 123 123	#A27B7B
66.7%	66.7% #966C6B	RGB 150 108 107	#966C6B
83.3%	83.3% #8A5D5B	RGB 138 93 91	#8A5D5B
100.0%	100.0% #7E4E4B	RGB 126 78 75	#7E4E4B

#C6A8AB #BA999B #AE8A8B #A27B7B #966C6B #8A5D5B #7E4E4B

#C6A8AB - #7E4E4B

HSV Blend

#C6A8AB - #7E4E4B | 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 #C6A8AB as 0% and #7E4E4B as 100%.

0.0%	0.0% #C6A8AB	RGB 198 168 171	#C6A8AB
16.7%	16.7% #BA9598	RGB 186 149 152	#BA9598
33.3%	33.3% #AE8486	RGB 174 132 134	#AE8486
50.0%	50.0% #A27475	RGB 162 116 117	#A27475
66.7%	66.7% #966665	RGB 150 102 101	#966665
83.3%	83.3% #8A5957	RGB 138 89 87	#8A5957
100.0%	100.0% #7E4E4B	RGB 126 78 75	#7E4E4B

#C6A8AB #BA9598 #AE8486 #A27475 #966665 #8A5957 #7E4E4B

#C6A8AB - #A27475 - #7E4E4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6A8AB 0%, #A27475 50%, #7E4E4B 100%);
    background: -webkit-linear-gradient(top, #C6A8AB 0%, #A27475 50%, #7E4E4B 100%);
    background: linear-gradient(to bottom, #C6A8AB 0%, #A27475 50%, #7E4E4B 100%);
}
</style>