#C5BCAF - #AD925A | 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 #C5BCAF to #AD925A

#C5BCAF #AD925A

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

#C5BCAF - #AD925A | 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 #C5BCAF as 0% and #AD925A as 100%.

0.0%	0.0% #C5BCAF	RGB 197 188 175	#C5BCAF
16.7%	16.7% #C1B5A0	RGB 193 181 160	#C1B5A0
33.3%	33.3% #BDAE92	RGB 189 174 146	#BDAE92
50.0%	50.0% #B9A784	RGB 185 167 132	#B9A784
66.7%	66.7% #B5A076	RGB 181 160 118	#B5A076
83.3%	83.3% #B19968	RGB 177 153 104	#B19968
100.0%	100.0% #AD925A	RGB 173 146 90	#AD925A

#C5BCAF #C1B5A0 #BDAE92 #B9A784 #B5A076 #B19968 #AD925A

#C5BCAF - #AD925A

HSV Blend

#C5BCAF - #AD925A | 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 #C5BCAF as 0% and #AD925A as 100%.

0.0%	0.0% #C5BCAF	RGB 197 188 175	#C5BCAF
16.7%	16.7% #C1B39F	RGB 193 179 159	#C1B39F
33.3%	33.3% #BDAC90	RGB 189 172 144	#BDAC90
50.0%	50.0% #B9A482	RGB 185 164 130	#B9A482
66.7%	66.7% #B59E74	RGB 181 158 116	#B59E74
83.3%	83.3% #B19766	RGB 177 151 102	#B19766
100.0%	100.0% #AD925A	RGB 173 146 90	#AD925A

#C5BCAF #C1B39F #BDAC90 #B9A482 #B59E74 #B19766 #AD925A

#C5BCAF - #B9A482 - #AD925A

CSS codes

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

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