#C48C7B - #A2452B | 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 #C48C7B to #A2452B

#C48C7B #A2452B

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

#C48C7B - #A2452B | 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 #C48C7B as 0% and #A2452B as 100%.

0.0%	0.0% #C48C7B	RGB 196 140 123	#C48C7B
16.7%	16.7% #BE806D	RGB 190 128 109	#BE806D
33.3%	33.3% #B87460	RGB 184 116 96	#B87460
50.0%	50.0% #B36853	RGB 179 104 83	#B36853
66.7%	66.7% #AD5C45	RGB 173 92 69	#AD5C45
83.3%	83.3% #A75038	RGB 167 80 56	#A75038
100.0%	100.0% #A2452B	RGB 162 69 43	#A2452B

#C48C7B #BE806D #B87460 #B36853 #AD5C45 #A75038 #A2452B

#C48C7B - #A2452B

HSV Blend

#C48C7B - #A2452B | 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 #C48C7B as 0% and #A2452B as 100%.

0.0%	0.0% #C48C7B	RGB 196 140 123	#C48C7B
16.7%	16.7% #BE7E6B	RGB 190 126 107	#BE7E6B
33.3%	33.3% #B8725D	RGB 184 114 93	#B8725D
50.0%	50.0% #B3664F	RGB 179 102 79	#B3664F
66.7%	66.7% #AD5A42	RGB 173 90 66	#AD5A42
83.3%	83.3% #A74F36	RGB 167 79 54	#A74F36
100.0%	100.0% #A2452B	RGB 162 69 43	#A2452B

#C48C7B #BE7E6B #B8725D #B3664F #AD5A42 #A74F36 #A2452B

#C48C7B - #B3664F - #A2452B

CSS codes

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

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