#C8A8A8 - #985B53 | 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 #C8A8A8 to #985B53

#C8A8A8 #985B53

Calculate the color between two colors, #C8A8A8 and #985B53. 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)

#C8A8A8 - #985B53 | 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 #C8A8A8 as 0% and #985B53 as 100%.

0.0%	0.0% #C8A8A8	RGB 200 168 168	#C8A8A8
16.7%	16.7% #C09B99	RGB 192 155 153	#C09B99
33.3%	33.3% #B88E8B	RGB 184 142 139	#B88E8B
50.0%	50.0% #B0817D	RGB 176 129 125	#B0817D
66.7%	66.7% #A8746F	RGB 168 116 111	#A8746F
83.3%	83.3% #A06761	RGB 160 103 97	#A06761
100.0%	100.0% #985B53	RGB 152 91 83	#985B53

#C8A8A8 #C09B99 #B88E8B #B0817D #A8746F #A06761 #985B53

#C8A8A8 - #985B53

HSV Blend

#C8A8A8 - #985B53 | 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 #C8A8A8 as 0% and #985B53 as 100%.

0.0%	0.0% #C8A8A8	RGB 200 168 168	#C8A8A8
16.7%	16.7% #C09897	RGB 192 152 151	#C09897
33.3%	33.3% #B88A88	RGB 184 138 136	#B88A88
50.0%	50.0% #B07D79	RGB 176 125 121	#B07D79
66.7%	66.7% #A8706C	RGB 168 112 108	#A8706C
83.3%	83.3% #A0655F	RGB 160 101 95	#A0655F
100.0%	100.0% #985B53	RGB 152 91 83	#985B53

#C8A8A8 #C09897 #B88A88 #B07D79 #A8706C #A0655F #985B53

#C8A8A8 - #B07D79 - #985B53

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8A8A8 0%, #B07D79 50%, #985B53 100%);
    background: -webkit-linear-gradient(top, #C8A8A8 0%, #B07D79 50%, #985B53 100%);
    background: linear-gradient(to bottom, #C8A8A8 0%, #B07D79 50%, #985B53 100%);
}
</style>