#C7AF91 - #A56E3D | 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 #C7AF91 to #A56E3D

#C7AF91 #A56E3D

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

#C7AF91 - #A56E3D | 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 #C7AF91 as 0% and #A56E3D as 100%.

0.0%	0.0% #C7AF91	RGB 199 175 145	#C7AF91
16.7%	16.7% #C1A483	RGB 193 164 131	#C1A483
33.3%	33.3% #BB9975	RGB 187 153 117	#BB9975
50.0%	50.0% #B68E67	RGB 182 142 103	#B68E67
66.7%	66.7% #B08359	RGB 176 131 89	#B08359
83.3%	83.3% #AA784B	RGB 170 120 75	#AA784B
100.0%	100.0% #A56E3D	RGB 165 110 61	#A56E3D

#C7AF91 #C1A483 #BB9975 #B68E67 #B08359 #AA784B #A56E3D

#C7AF91 - #A56E3D

HSV Blend

#C7AF91 - #A56E3D | 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 #C7AF91 as 0% and #A56E3D as 100%.

0.0%	0.0% #C7AF91	RGB 199 175 145	#C7AF91
16.7%	16.7% #C1A381	RGB 193 163 129	#C1A381
33.3%	33.3% #BB9872	RGB 187 152 114	#BB9872
50.0%	50.0% #B68E63	RGB 182 142 99	#B68E63
66.7%	66.7% #B08356	RGB 176 131 86	#B08356
83.3%	83.3% #AA7849	RGB 170 120 73	#AA7849
100.0%	100.0% #A56E3D	RGB 165 110 61	#A56E3D

#C7AF91 #C1A381 #BB9872 #B68E63 #B08356 #AA7849 #A56E3D

#C7AF91 - #B68E63 - #A56E3D

CSS codes

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

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