#C2B29C - #9F7147 | 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 #C2B29C to #9F7147

#C2B29C #9F7147

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

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

0.0%	0.0% #C2B29C	RGB 194 178 156	#C2B29C
16.7%	16.7% #BCA78D	RGB 188 167 141	#BCA78D
33.3%	33.3% #B69C7F	RGB 182 156 127	#B69C7F
50.0%	50.0% #B09171	RGB 176 145 113	#B09171
66.7%	66.7% #AA8663	RGB 170 134 99	#AA8663
83.3%	83.3% #A47B55	RGB 164 123 85	#A47B55
100.0%	100.0% #9F7147	RGB 159 113 71	#9F7147

#C2B29C #BCA78D #B69C7F #B09171 #AA8663 #A47B55 #9F7147

#C2B29C - #9F7147

HSV Blend

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

0.0%	0.0% #C2B29C	RGB 194 178 156	#C2B29C
16.7%	16.7% #BCA78C	RGB 188 167 140	#BCA78C
33.3%	33.3% #B69C7C	RGB 182 156 124	#B69C7C
50.0%	50.0% #B0916E	RGB 176 145 110	#B0916E
66.7%	66.7% #AA8660	RGB 170 134 96	#AA8660
83.3%	83.3% #A47B53	RGB 164 123 83	#A47B53
100.0%	100.0% #9F7147	RGB 159 113 71	#9F7147

#C2B29C #BCA78C #B69C7C #B0916E #AA8660 #A47B53 #9F7147

#C2B29C - #B0916E - #9F7147

CSS codes

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

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