#C4967E - #A2512E | 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 #C4967E to #A2512E

#C4967E #A2512E

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

#C4967E - #A2512E | 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 #C4967E as 0% and #A2512E as 100%.

0.0%	0.0% #C4967E	RGB 196 150 126	#C4967E
16.7%	16.7% #BE8A70	RGB 190 138 112	#BE8A70
33.3%	33.3% #B87F63	RGB 184 127 99	#B87F63
50.0%	50.0% #B37356	RGB 179 115 86	#B37356
66.7%	66.7% #AD6848	RGB 173 104 72	#AD6848
83.3%	83.3% #A75C3B	RGB 167 92 59	#A75C3B
100.0%	100.0% #A2512E	RGB 162 81 46	#A2512E

#C4967E #BE8A70 #B87F63 #B37356 #AD6848 #A75C3B #A2512E

#C4967E - #A2512E

HSV Blend

#C4967E - #A2512E | 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 #C4967E as 0% and #A2512E as 100%.

0.0%	0.0% #C4967E	RGB 196 150 126	#C4967E
16.7%	16.7% #BE896E	RGB 190 137 110	#BE896E
33.3%	33.3% #B87D60	RGB 184 125 96	#B87D60
50.0%	50.0% #B37152	RGB 179 113 82	#B37152
66.7%	66.7% #AD6645	RGB 173 102 69	#AD6645
83.3%	83.3% #A75B39	RGB 167 91 57	#A75B39
100.0%	100.0% #A2512E	RGB 162 81 46	#A2512E

#C4967E #BE896E #B87D60 #B37152 #AD6645 #A75B39 #A2512E

#C4967E - #B37152 - #A2512E

CSS codes

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

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