#C2AD8C - #9E6D39 | 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 #C2AD8C to #9E6D39

#C2AD8C #9E6D39

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

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

0.0%	0.0% #C2AD8C	RGB 194 173 140	#C2AD8C
16.7%	16.7% #BCA27E	RGB 188 162 126	#BCA27E
33.3%	33.3% #B69770	RGB 182 151 112	#B69770
50.0%	50.0% #B08D62	RGB 176 141 98	#B08D62
66.7%	66.7% #AA8254	RGB 170 130 84	#AA8254
83.3%	83.3% #A47746	RGB 164 119 70	#A47746
100.0%	100.0% #9E6D39	RGB 158 109 57	#9E6D39

#C2AD8C #BCA27E #B69770 #B08D62 #AA8254 #A47746 #9E6D39

#C2AD8C - #9E6D39

HSV Blend

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

0.0%	0.0% #C2AD8C	RGB 194 173 140	#C2AD8C
16.7%	16.7% #BCA27C	RGB 188 162 124	#BCA27C
33.3%	33.3% #B6976D	RGB 182 151 109	#B6976D
50.0%	50.0% #B08C5F	RGB 176 140 95	#B08C5F
66.7%	66.7% #AA8251	RGB 170 130 81	#AA8251
83.3%	83.3% #A47745	RGB 164 119 69	#A47745
100.0%	100.0% #9E6D39	RGB 158 109 57	#9E6D39

#C2AD8C #BCA27C #B6976D #B08C5F #AA8251 #A47745 #9E6D39

#C2AD8C - #B08C5F - #9E6D39

CSS codes

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

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