#C8C098 - #A18744 | 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 #C8C098 to #A18744

#C8C098 #A18744

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

#C8C098 - #A18744 | 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 #C8C098 as 0% and #A18744 as 100%.

0.0%	0.0% #C8C098	RGB 200 192 152	#C8C098
16.7%	16.7% #C1B68A	RGB 193 182 138	#C1B68A
33.3%	33.3% #BBAD7C	RGB 187 173 124	#BBAD7C
50.0%	50.0% #B4A36E	RGB 180 163 110	#B4A36E
66.7%	66.7% #AE9A60	RGB 174 154 96	#AE9A60
83.3%	83.3% #A79052	RGB 167 144 82	#A79052
100.0%	100.0% #A18744	RGB 161 135 68	#A18744

#C8C098 #C1B68A #BBAD7C #B4A36E #AE9A60 #A79052 #A18744

#C8C098 - #A18744

HSV Blend

#C8C098 - #A18744 | 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 #C8C098 as 0% and #A18744 as 100%.

0.0%	0.0% #C8C098	RGB 200 192 152	#C8C098
16.7%	16.7% #C1B688	RGB 193 182 136	#C1B688
33.3%	33.3% #BBAD79	RGB 187 173 121	#BBAD79
50.0%	50.0% #B4A46A	RGB 180 164 106	#B4A46A
66.7%	66.7% #AE9A5D	RGB 174 154 93	#AE9A5D
83.3%	83.3% #A79050	RGB 167 144 80	#A79050
100.0%	100.0% #A18744	RGB 161 135 68	#A18744

#C8C098 #C1B688 #BBAD79 #B4A46A #AE9A5D #A79050 #A18744

#C8C098 - #B4A46A - #A18744

CSS codes

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

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