#C9A16D - #A46023 | 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 #C9A16D to #A46023

#C9A16D #A46023

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

#C9A16D - #A46023 | 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 #C9A16D as 0% and #A46023 as 100%.

0.0%	0.0% #C9A16D	RGB 201 161 109	#C9A16D
16.7%	16.7% #C29660	RGB 194 150 96	#C29660
33.3%	33.3% #BC8B54	RGB 188 139 84	#BC8B54
50.0%	50.0% #B68048	RGB 182 128 72	#B68048
66.7%	66.7% #B0753B	RGB 176 117 59	#B0753B
83.3%	83.3% #AA6A2F	RGB 170 106 47	#AA6A2F
100.0%	100.0% #A46023	RGB 164 96 35	#A46023

#C9A16D #C29660 #BC8B54 #B68048 #B0753B #AA6A2F #A46023

#C9A16D - #A46023

HSV Blend

#C9A16D - #A46023 | 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 #C9A16D as 0% and #A46023 as 100%.

0.0%	0.0% #C9A16D	RGB 201 161 109	#C9A16D
16.7%	16.7% #C2955E	RGB 194 149 94	#C2955E
33.3%	33.3% #BC8A51	RGB 188 138 81	#BC8A51
50.0%	50.0% #B67F44	RGB 182 127 68	#B67F44
66.7%	66.7% #B07538	RGB 176 117 56	#B07538
83.3%	83.3% #AA6A2D	RGB 170 106 45	#AA6A2D
100.0%	100.0% #A46023	RGB 164 96 35	#A46023

#C9A16D #C2955E #BC8A51 #B67F44 #B07538 #AA6A2D #A46023

#C9A16D - #B67F44 - #A46023

CSS codes

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

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