#C8D0AF - #869F5A | 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 #C8D0AF to #869F5A

#C8D0AF #869F5A

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

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

0.0%	0.0% #C8D0AF	RGB 200 208 175	#C8D0AF
16.7%	16.7% #BDC7A0	RGB 189 199 160	#BDC7A0
33.3%	33.3% #B2BF92	RGB 178 191 146	#B2BF92
50.0%	50.0% #A7B784	RGB 167 183 132	#A7B784
66.7%	66.7% #9CAF76	RGB 156 175 118	#9CAF76
83.3%	83.3% #91A768	RGB 145 167 104	#91A768
100.0%	100.0% #869F5A	RGB 134 159 90	#869F5A

#C8D0AF #BDC7A0 #B2BF92 #A7B784 #9CAF76 #91A768 #869F5A

#C8D0AF - #869F5A

HSV Blend

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

0.0%	0.0% #C8D0AF	RGB 200 208 175	#C8D0AF
16.7%	16.7% #BDC79E	RGB 189 199 158	#BDC79E
33.3%	33.3% #B2BF8F	RGB 178 191 143	#B2BF8F
50.0%	50.0% #A7B781	RGB 167 183 129	#A7B781
66.7%	66.7% #9BAF73	RGB 155 175 115	#9BAF73
83.3%	83.3% #90A766	RGB 144 167 102	#90A766
100.0%	100.0% #869F5A	RGB 134 159 90	#869F5A

#C8D0AF #BDC79E #B2BF8F #A7B781 #9BAF73 #90A766 #869F5A

#C8D0AF - #A7B781 - #869F5A

CSS codes

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

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