#C9CFBA - #869D66 | 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 #C9CFBA to #869D66

#C9CFBA #869D66

Calculate the color between two colors, #C9CFBA and #869D66. 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)

#C9CFBA - #869D66 | 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 #C9CFBA as 0% and #869D66 as 100%.

0.0%	0.0% #C9CFBA	RGB 201 207 186	#C9CFBA
16.7%	16.7% #BDC6AC	RGB 189 198 172	#BDC6AC
33.3%	33.3% #B2BE9E	RGB 178 190 158	#B2BE9E
50.0%	50.0% #A7B690	RGB 167 182 144	#A7B690
66.7%	66.7% #9CAD82	RGB 156 173 130	#9CAD82
83.3%	83.3% #91A574	RGB 145 165 116	#91A574
100.0%	100.0% #869D66	RGB 134 157 102	#869D66

#C9CFBA #BDC6AC #B2BE9E #A7B690 #9CAD82 #91A574 #869D66

#C9CFBA - #869D66

HSV Blend

#C9CFBA - #869D66 | 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 #C9CFBA as 0% and #869D66 as 100%.

0.0%	0.0% #C9CFBA	RGB 201 207 186	#C9CFBA
16.7%	16.7% #BDC6AA	RGB 189 198 170	#BDC6AA
33.3%	33.3% #B2BE9B	RGB 178 190 155	#B2BE9B
50.0%	50.0% #A7B68C	RGB 167 182 140	#A7B68C
66.7%	66.7% #9CAD7F	RGB 156 173 127	#9CAD7F
83.3%	83.3% #91A572	RGB 145 165 114	#91A572
100.0%	100.0% #869D66	RGB 134 157 102	#869D66

#C9CFBA #BDC6AA #B2BE9B #A7B68C #9CAD7F #91A572 #869D66

#C9CFBA - #A7B68C - #869D66

CSS codes

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

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