#C4A37B - #A0622C | 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 #C4A37B to #A0622C

#C4A37B #A0622C

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

#C4A37B - #A0622C | 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 #C4A37B as 0% and #A0622C as 100%.

0.0%	0.0% #C4A37B	RGB 196 163 123	#C4A37B
16.7%	16.7% #BE986D	RGB 190 152 109	#BE986D
33.3%	33.3% #B88D60	RGB 184 141 96	#B88D60
50.0%	50.0% #B28253	RGB 178 130 83	#B28253
66.7%	66.7% #AC7746	RGB 172 119 70	#AC7746
83.3%	83.3% #A66C39	RGB 166 108 57	#A66C39
100.0%	100.0% #A0622C	RGB 160 98 44	#A0622C

#C4A37B #BE986D #B88D60 #B28253 #AC7746 #A66C39 #A0622C

#C4A37B - #A0622C

HSV Blend

#C4A37B - #A0622C | 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 #C4A37B as 0% and #A0622C as 100%.

0.0%	0.0% #C4A37B	RGB 196 163 123	#C4A37B
16.7%	16.7% #BE976C	RGB 190 151 108	#BE976C
33.3%	33.3% #B88C5D	RGB 184 140 93	#B88C5D
50.0%	50.0% #B28150	RGB 178 129 80	#B28150
66.7%	66.7% #AC7743	RGB 172 119 67	#AC7743
83.3%	83.3% #A66C37	RGB 166 108 55	#A66C37
100.0%	100.0% #A0622C	RGB 160 98 44	#A0622C

#C4A37B #BE976C #B88C5D #B28150 #AC7743 #A66C37 #A0622C

#C4A37B - #B28150 - #A0622C

CSS codes

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

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