#C9A17D - #A65E2D | 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 #C9A17D to #A65E2D

#C9A17D #A65E2D

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

#C9A17D - #A65E2D | 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 #C9A17D as 0% and #A65E2D as 100%.

0.0%	0.0% #C9A17D	RGB 201 161 125	#C9A17D
16.7%	16.7% #C3956F	RGB 195 149 111	#C3956F
33.3%	33.3% #BD8A62	RGB 189 138 98	#BD8A62
50.0%	50.0% #B77F55	RGB 183 127 85	#B77F55
66.7%	66.7% #B17447	RGB 177 116 71	#B17447
83.3%	83.3% #AB693A	RGB 171 105 58	#AB693A
100.0%	100.0% #A65E2D	RGB 166 94 45	#A65E2D

#C9A17D #C3956F #BD8A62 #B77F55 #B17447 #AB693A #A65E2D

#C9A17D - #A65E2D

HSV Blend

#C9A17D - #A65E2D | 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 #C9A17D as 0% and #A65E2D as 100%.

0.0%	0.0% #C9A17D	RGB 201 161 125	#C9A17D
16.7%	16.7% #C3956D	RGB 195 149 109	#C3956D
33.3%	33.3% #BD895F	RGB 189 137 95	#BD895F
50.0%	50.0% #B77E51	RGB 183 126 81	#B77E51
66.7%	66.7% #B17344	RGB 177 115 68	#B17344
83.3%	83.3% #AB6838	RGB 171 104 56	#AB6838
100.0%	100.0% #A65E2D	RGB 166 94 45	#A65E2D

#C9A17D #C3956D #BD895F #B77E51 #B17344 #AB6838 #A65E2D

#C9A17D - #B77E51 - #A65E2D

CSS codes

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

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