#C8C092 - #A1873F | 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 #C8C092 to #A1873F

#C8C092 #A1873F

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

#C8C092 - #A1873F | 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 #C8C092 as 0% and #A1873F as 100%.

0.0%	0.0% #C8C092	RGB 200 192 146	#C8C092
16.7%	16.7% #C1B684	RGB 193 182 132	#C1B684
33.3%	33.3% #BBAD76	RGB 187 173 118	#BBAD76
50.0%	50.0% #B4A368	RGB 180 163 104	#B4A368
66.7%	66.7% #AE9A5A	RGB 174 154 90	#AE9A5A
83.3%	83.3% #A7904C	RGB 167 144 76	#A7904C
100.0%	100.0% #A1873F	RGB 161 135 63	#A1873F

#C8C092 #C1B684 #BBAD76 #B4A368 #AE9A5A #A7904C #A1873F

#C8C092 - #A1873F

HSV Blend

#C8C092 - #A1873F | 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 #C8C092 as 0% and #A1873F as 100%.

0.0%	0.0% #C8C092	RGB 200 192 146	#C8C092
16.7%	16.7% #C1B682	RGB 193 182 130	#C1B682
33.3%	33.3% #BBAD73	RGB 187 173 115	#BBAD73
50.0%	50.0% #B4A465	RGB 180 164 101	#B4A465
66.7%	66.7% #AE9A57	RGB 174 154 87	#AE9A57
83.3%	83.3% #A7904A	RGB 167 144 74	#A7904A
100.0%	100.0% #A1873F	RGB 161 135 63	#A1873F

#C8C092 #C1B682 #BBAD73 #B4A465 #AE9A57 #A7904A #A1873F

#C8C092 - #B4A465 - #A1873F

CSS codes

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

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