#C6C4BA - #ADAF66 | 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 #C6C4BA to #ADAF66

#C6C4BA #ADAF66

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

#C6C4BA - #ADAF66 | 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 #C6C4BA as 0% and #ADAF66 as 100%.

0.0%	0.0% #C6C4BA	RGB 198 196 186	#C6C4BA
16.7%	16.7% #C1C0AC	RGB 193 192 172	#C1C0AC
33.3%	33.3% #BDBD9E	RGB 189 189 158	#BDBD9E
50.0%	50.0% #B9B990	RGB 185 185 144	#B9B990
66.7%	66.7% #B5B682	RGB 181 182 130	#B5B682
83.3%	83.3% #B1B274	RGB 177 178 116	#B1B274
100.0%	100.0% #ADAF66	RGB 173 175 102	#ADAF66

#C6C4BA #C1C0AC #BDBD9E #B9B990 #B5B682 #B1B274 #ADAF66

#C6C4BA - #ADAF66

HSV Blend

#C6C4BA - #ADAF66 | 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 #C6C4BA as 0% and #ADAF66 as 100%.

0.0%	0.0% #C6C4BA	RGB 198 196 186	#C6C4BA
16.7%	16.7% #C2BFAA	RGB 194 191 170	#C2BFAA
33.3%	33.3% #BEBA9C	RGB 190 186 156	#BEBA9C
50.0%	50.0% #BAB78D	RGB 186 183 141	#BAB78D
66.7%	66.7% #B6B480	RGB 182 180 128	#B6B480
83.3%	83.3% #B2B272	RGB 178 178 114	#B2B272
100.0%	100.0% #ADAF66	RGB 173 175 102	#ADAF66

#C6C4BA #C2BFAA #BEBA9C #BAB78D #B6B480 #B2B272 #ADAF66

#C6C4BA - #BAB78D - #ADAF66

CSS codes

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

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