#C8C4C4 - #925B5A | 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 #C8C4C4 to #925B5A

#C8C4C4 #925B5A

Calculate the color between two colors, #C8C4C4 and #925B5A. 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)

#C8C4C4 - #925B5A | 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 #C8C4C4 as 0% and #925B5A as 100%.

0.0%	0.0% #C8C4C4	RGB 200 196 196	#C8C4C4
16.7%	16.7% #BFB2B2	RGB 191 178 178	#BFB2B2
33.3%	33.3% #B6A1A0	RGB 182 161 160	#B6A1A0
50.0%	50.0% #AD8F8F	RGB 173 143 143	#AD8F8F
66.7%	66.7% #A47E7D	RGB 164 126 125	#A47E7D
83.3%	83.3% #9B6C6B	RGB 155 108 107	#9B6C6B
100.0%	100.0% #925B5A	RGB 146 91 90	#925B5A

#C8C4C4 #BFB2B2 #B6A1A0 #AD8F8F #A47E7D #9B6C6B #925B5A

#C8C4C4 - #925B5A

HSV Blend

#C8C4C4 - #925B5A | 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 #C8C4C4 as 0% and #925B5A as 100%.

0.0%	0.0% #C8C4C4	RGB 200 196 196	#C8C4C4
16.7%	16.7% #BFAFAF	RGB 191 175 175	#BFAFAF
33.3%	33.3% #B69C9C	RGB 182 156 156	#B69C9C
50.0%	50.0% #AD8A8A	RGB 173 138 138	#AD8A8A
66.7%	66.7% #A47978	RGB 164 121 120	#A47978
83.3%	83.3% #9B6968	RGB 155 105 104	#9B6968
100.0%	100.0% #925B5A	RGB 146 91 90	#925B5A

#C8C4C4 #BFAFAF #B69C9C #AD8A8A #A47978 #9B6968 #925B5A

#C8C4C4 - #AD8A8A - #925B5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C4C4 0%, #AD8A8A 50%, #925B5A 100%);
    background: -webkit-linear-gradient(top, #C8C4C4 0%, #AD8A8A 50%, #925B5A 100%);
    background: linear-gradient(to bottom, #C8C4C4 0%, #AD8A8A 50%, #925B5A 100%);
}
</style>