#C9ADA1 - #B0704B | 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 #C9ADA1 to #B0704B

#C9ADA1 #B0704B

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

#C9ADA1 - #B0704B | 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 #C9ADA1 as 0% and #B0704B as 100%.

0.0%	0.0% #C9ADA1	RGB 201 173 161	#C9ADA1
16.7%	16.7% #C4A292	RGB 196 162 146	#C4A292
33.3%	33.3% #C09884	RGB 192 152 132	#C09884
50.0%	50.0% #BC8E76	RGB 188 142 118	#BC8E76
66.7%	66.7% #B88467	RGB 184 132 103	#B88467
83.3%	83.3% #B47A59	RGB 180 122 89	#B47A59
100.0%	100.0% #B0704B	RGB 176 112 75	#B0704B

#C9ADA1 #C4A292 #C09884 #BC8E76 #B88467 #B47A59 #B0704B

#C9ADA1 - #B0704B

HSV Blend

#C9ADA1 - #B0704B | 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 #C9ADA1 as 0% and #B0704B as 100%.

0.0%	0.0% #C9ADA1	RGB 201 173 161	#C9ADA1
16.7%	16.7% #C4A191	RGB 196 161 145	#C4A191
33.3%	33.3% #C09682	RGB 192 150 130	#C09682
50.0%	50.0% #BC8B73	RGB 188 139 115	#BC8B73
66.7%	66.7% #B88265	RGB 184 130 101	#B88265
83.3%	83.3% #B47858	RGB 180 120 88	#B47858
100.0%	100.0% #B0704B	RGB 176 112 75	#B0704B

#C9ADA1 #C4A191 #C09682 #BC8B73 #B88265 #B47858 #B0704B

#C9ADA1 - #BC8B73 - #B0704B

CSS codes

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

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