#C7A97D - #A3692E | 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 #C7A97D to #A3692E

#C7A97D #A3692E

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

#C7A97D - #A3692E | 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 #C7A97D as 0% and #A3692E as 100%.

0.0%	0.0% #C7A97D	RGB 199 169 125	#C7A97D
16.7%	16.7% #C19E6F	RGB 193 158 111	#C19E6F
33.3%	33.3% #BB9362	RGB 187 147 98	#BB9362
50.0%	50.0% #B58955	RGB 181 137 85	#B58955
66.7%	66.7% #AF7E48	RGB 175 126 72	#AF7E48
83.3%	83.3% #A9733B	RGB 169 115 59	#A9733B
100.0%	100.0% #A3692E	RGB 163 105 46	#A3692E

#C7A97D #C19E6F #BB9362 #B58955 #AF7E48 #A9733B #A3692E

#C7A97D - #A3692E

HSV Blend

#C7A97D - #A3692E | 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 #C7A97D as 0% and #A3692E as 100%.

0.0%	0.0% #C7A97D	RGB 199 169 125	#C7A97D
16.7%	16.7% #C19E6E	RGB 193 158 110	#C19E6E
33.3%	33.3% #BB935F	RGB 187 147 95	#BB935F
50.0%	50.0% #B58852	RGB 181 136 82	#B58852
66.7%	66.7% #AF7D45	RGB 175 125 69	#AF7D45
83.3%	83.3% #A97339	RGB 169 115 57	#A97339
100.0%	100.0% #A3692E	RGB 163 105 46	#A3692E

#C7A97D #C19E6E #BB935F #B58852 #AF7D45 #A97339 #A3692E

#C7A97D - #B58852 - #A3692E

CSS codes

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

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