#C8AAAB - #854C5D | 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 #C8AAAB to #854C5D

#C8AAAB #854C5D

Calculate the color between two colors, #C8AAAB and #854C5D. 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)

#C8AAAB - #854C5D | 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 #C8AAAB as 0% and #854C5D as 100%.

0.0%	0.0% #C8AAAB	RGB 200 170 171	#C8AAAB
16.7%	16.7% #BC9A9E	RGB 188 154 158	#BC9A9E
33.3%	33.3% #B18A91	RGB 177 138 145	#B18A91
50.0%	50.0% #A67B84	RGB 166 123 132	#A67B84
66.7%	66.7% #9B6B77	RGB 155 107 119	#9B6B77
83.3%	83.3% #905B6A	RGB 144 91 106	#905B6A
100.0%	100.0% #854C5D	RGB 133 76 93	#854C5D

#C8AAAB #BC9A9E #B18A91 #A67B84 #9B6B77 #905B6A #854C5D

#C8AAAB - #854C5D

HSV Blend

#C8AAAB - #854C5D | 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 #C8AAAB as 0% and #854C5D as 100%.

0.0%	0.0% #C8AAAB	RGB 200 170 171	#C8AAAB
16.7%	16.7% #BC979A	RGB 188 151 154	#BC979A
33.3%	33.3% #B1868B	RGB 177 134 139	#B1868B
50.0%	50.0% #A6767E	RGB 166 118 126	#A6767E
66.7%	66.7% #9B6772	RGB 155 103 114	#9B6772
83.3%	83.3% #905967	RGB 144 89 103	#905967
100.0%	100.0% #854C5D	RGB 133 76 93	#854C5D

#C8AAAB #BC979A #B1868B #A6767E #9B6772 #905967 #854C5D

#C8AAAB - #A6767E - #854C5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8AAAB 0%, #A6767E 50%, #854C5D 100%);
    background: -webkit-linear-gradient(top, #C8AAAB 0%, #A6767E 50%, #854C5D 100%);
    background: linear-gradient(to bottom, #C8AAAB 0%, #A6767E 50%, #854C5D 100%);
}
</style>