#C2BB8C - #9A823A | 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 #C2BB8C to #9A823A

#C2BB8C #9A823A

Calculate the color between two colors, #C2BB8C and #9A823A. 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)

#C2BB8C - #9A823A | 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 #C2BB8C as 0% and #9A823A as 100%.

0.0%	0.0% #C2BB8C	RGB 194 187 140	#C2BB8C
16.7%	16.7% #BBB17E	RGB 187 177 126	#BBB17E
33.3%	33.3% #B4A870	RGB 180 168 112	#B4A870
50.0%	50.0% #AE9E63	RGB 174 158 99	#AE9E63
66.7%	66.7% #A79555	RGB 167 149 85	#A79555
83.3%	83.3% #A08B47	RGB 160 139 71	#A08B47
100.0%	100.0% #9A823A	RGB 154 130 58	#9A823A

#C2BB8C #BBB17E #B4A870 #AE9E63 #A79555 #A08B47 #9A823A

#C2BB8C - #9A823A

HSV Blend

#C2BB8C - #9A823A | 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 #C2BB8C as 0% and #9A823A as 100%.

0.0%	0.0% #C2BB8C	RGB 194 187 140	#C2BB8C
16.7%	16.7% #BBB17C	RGB 187 177 124	#BBB17C
33.3%	33.3% #B4A86D	RGB 180 168 109	#B4A86D
50.0%	50.0% #AE9F5F	RGB 174 159 95	#AE9F5F
66.7%	66.7% #A79552	RGB 167 149 82	#A79552
83.3%	83.3% #A08B45	RGB 160 139 69	#A08B45
100.0%	100.0% #9A823A	RGB 154 130 58	#9A823A

#C2BB8C #BBB17C #B4A86D #AE9F5F #A79552 #A08B45 #9A823A

#C2BB8C - #AE9F5F - #9A823A

CSS codes

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

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