#C9A652 - #A06816 | 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 #C9A652 to #A06816

#C9A652 #A06816

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

#C9A652 - #A06816 | 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 #C9A652 as 0% and #A06816 as 100%.

0.0%	0.0% #C9A652	RGB 201 166 82	#C9A652
16.7%	16.7% #C29B48	RGB 194 155 72	#C29B48
33.3%	33.3% #BB913E	RGB 187 145 62	#BB913E
50.0%	50.0% #B48734	RGB 180 135 52	#B48734
66.7%	66.7% #AD7C2A	RGB 173 124 42	#AD7C2A
83.3%	83.3% #A67220	RGB 166 114 32	#A67220
100.0%	100.0% #A06816	RGB 160 104 22	#A06816

#C9A652 #C29B48 #BB913E #B48734 #AD7C2A #A67220 #A06816

#C9A652 - #A06816

HSV Blend

#C9A652 - #A06816 | 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 #C9A652 as 0% and #A06816 as 100%.

0.0%	0.0% #C9A652	RGB 201 166 82	#C9A652
16.7%	16.7% #C29B46	RGB 194 155 70	#C29B46
33.3%	33.3% #BB903B	RGB 187 144 59	#BB903B
50.0%	50.0% #B48631	RGB 180 134 49	#B48631
66.7%	66.7% #AD7C27	RGB 173 124 39	#AD7C27
83.3%	83.3% #A6721E	RGB 166 114 30	#A6721E
100.0%	100.0% #A06816	RGB 160 104 22	#A06816

#C9A652 #C29B46 #BB903B #B48631 #AD7C27 #A6721E #A06816

#C9A652 - #B48631 - #A06816

CSS codes

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

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