#CFD1C8 - #8D9D76 | 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 #CFD1C8 to #8D9D76

#CFD1C8 #8D9D76

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

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

0.0%	0.0% #CFD1C8	RGB 207 209 200	#CFD1C8
16.7%	16.7% #C4C8BA	RGB 196 200 186	#C4C8BA
33.3%	33.3% #B9BFAC	RGB 185 191 172	#B9BFAC
50.0%	50.0% #AEB79F	RGB 174 183 159	#AEB79F
66.7%	66.7% #A3AE91	RGB 163 174 145	#A3AE91
83.3%	83.3% #98A583	RGB 152 165 131	#98A583
100.0%	100.0% #8D9D76	RGB 141 157 118	#8D9D76

#CFD1C8 #C4C8BA #B9BFAC #AEB79F #A3AE91 #98A583 #8D9D76

#CFD1C8 - #8D9D76

HSV Blend

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

0.0%	0.0% #CFD1C8	RGB 207 209 200	#CFD1C8
16.7%	16.7% #C4C8B8	RGB 196 200 184	#C4C8B8
33.3%	33.3% #B9BFAA	RGB 185 191 170	#B9BFAA
50.0%	50.0% #AEB79C	RGB 174 183 156	#AEB79C
66.7%	66.7% #A3AE8E	RGB 163 174 142	#A3AE8E
83.3%	83.3% #98A582	RGB 152 165 130	#98A582
100.0%	100.0% #8D9D76	RGB 141 157 118	#8D9D76

#CFD1C8 #C4C8B8 #B9BFAA #AEB79C #A3AE8E #98A582 #8D9D76

#CFD1C8 - #AEB79C - #8D9D76

CSS codes

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

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