#C0AB8C - #A48038 | 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 #C0AB8C to #A48038

#C0AB8C #A48038

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

#C0AB8C - #A48038 | 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 #C0AB8C as 0% and #A48038 as 100%.

0.0%	0.0% #C0AB8C	RGB 192 171 140	#C0AB8C
16.7%	16.7% #BBA37E	RGB 187 163 126	#BBA37E
33.3%	33.3% #B69C70	RGB 182 156 112	#B69C70
50.0%	50.0% #B29562	RGB 178 149 98	#B29562
66.7%	66.7% #AD8E54	RGB 173 142 84	#AD8E54
83.3%	83.3% #A88746	RGB 168 135 70	#A88746
100.0%	100.0% #A48038	RGB 164 128 56	#A48038

#C0AB8C #BBA37E #B69C70 #B29562 #AD8E54 #A88746 #A48038

#C0AB8C - #A48038

HSV Blend

#C0AB8C - #A48038 | 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 #C0AB8C as 0% and #A48038 as 100%.

0.0%	0.0% #C0AB8C	RGB 192 171 140	#C0AB8C
16.7%	16.7% #BBA27C	RGB 187 162 124	#BBA27C
33.3%	33.3% #B69A6D	RGB 182 154 109	#B69A6D
50.0%	50.0% #B2935F	RGB 178 147 95	#B2935F
66.7%	66.7% #AD8C51	RGB 173 140 81	#AD8C51
83.3%	83.3% #A88644	RGB 168 134 68	#A88644
100.0%	100.0% #A48038	RGB 164 128 56	#A48038

#C0AB8C #BBA27C #B69A6D #B2935F #AD8C51 #A88644 #A48038

#C0AB8C - #B2935F - #A48038

CSS codes

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

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