#C2BFAD - #8F8B58 | 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 #C2BFAD to #8F8B58

#C2BFAD #8F8B58

Calculate the color between two colors, #C2BFAD and #8F8B58. 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)

#C2BFAD - #8F8B58 | 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 #C2BFAD as 0% and #8F8B58 as 100%.

0.0%	0.0% #C2BFAD	RGB 194 191 173	#C2BFAD
16.7%	16.7% #B9B69E	RGB 185 182 158	#B9B69E
33.3%	33.3% #B1AD90	RGB 177 173 144	#B1AD90
50.0%	50.0% #A8A582	RGB 168 165 130	#A8A582
66.7%	66.7% #A09C74	RGB 160 156 116	#A09C74
83.3%	83.3% #979366	RGB 151 147 102	#979366
100.0%	100.0% #8F8B58	RGB 143 139 88	#8F8B58

#C2BFAD #B9B69E #B1AD90 #A8A582 #A09C74 #979366 #8F8B58

#C2BFAD - #8F8B58

HSV Blend

#C2BFAD - #8F8B58 | 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 #C2BFAD as 0% and #8F8B58 as 100%.

0.0%	0.0% #C2BFAD	RGB 194 191 173	#C2BFAD
16.7%	16.7% #B9B59C	RGB 185 181 156	#B9B59C
33.3%	33.3% #B1AC8D	RGB 177 172 141	#B1AC8D
50.0%	50.0% #A8A47E	RGB 168 164 126	#A8A47E
66.7%	66.7% #A09B71	RGB 160 155 113	#A09B71
83.3%	83.3% #979364	RGB 151 147 100	#979364
100.0%	100.0% #8F8B58	RGB 143 139 88	#8F8B58

#C2BFAD #B9B59C #B1AC8D #A8A47E #A09B71 #979364 #8F8B58

#C2BFAD - #A8A47E - #8F8B58

CSS codes

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

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