#C8C27B - #A08C2D | 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 #C8C27B to #A08C2D

#C8C27B #A08C2D

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

#C8C27B - #A08C2D | 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 #C8C27B as 0% and #A08C2D as 100%.

0.0%	0.0% #C8C27B	RGB 200 194 123	#C8C27B
16.7%	16.7% #C1B96E	RGB 193 185 110	#C1B96E
33.3%	33.3% #BAB061	RGB 186 176 97	#BAB061
50.0%	50.0% #B4A754	RGB 180 167 84	#B4A754
66.7%	66.7% #AD9E47	RGB 173 158 71	#AD9E47
83.3%	83.3% #A6953A	RGB 166 149 58	#A6953A
100.0%	100.0% #A08C2D	RGB 160 140 45	#A08C2D

#C8C27B #C1B96E #BAB061 #B4A754 #AD9E47 #A6953A #A08C2D

#C8C27B - #A08C2D

HSV Blend

#C8C27B - #A08C2D | 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 #C8C27B as 0% and #A08C2D as 100%.

0.0%	0.0% #C8C27B	RGB 200 194 123	#C8C27B
16.7%	16.7% #C1B96C	RGB 193 185 108	#C1B96C
33.3%	33.3% #BAB05E	RGB 186 176 94	#BAB05E
50.0%	50.0% #B4A750	RGB 180 167 80	#B4A750
66.7%	66.7% #AD9E44	RGB 173 158 68	#AD9E44
83.3%	83.3% #A69538	RGB 166 149 56	#A69538
100.0%	100.0% #A08C2D	RGB 160 140 45	#A08C2D

#C8C27B #C1B96C #BAB05E #B4A750 #AD9E44 #A69538 #A08C2D

#C8C27B - #B4A750 - #A08C2D

CSS codes

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

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