#C0BDBA - #8F8865 | 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 #C0BDBA to #8F8865

#C0BDBA #8F8865

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

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

0.0%	0.0% #C0BDBA	RGB 192 189 186	#C0BDBA
16.7%	16.7% #B7B4AB	RGB 183 180 171	#B7B4AB
33.3%	33.3% #AFAB9D	RGB 175 171 157	#AFAB9D
50.0%	50.0% #A7A28F	RGB 167 162 143	#A7A28F
66.7%	66.7% #9F9981	RGB 159 153 129	#9F9981
83.3%	83.3% #979073	RGB 151 144 115	#979073
100.0%	100.0% #8F8865	RGB 143 136 101	#8F8865

#C0BDBA #B7B4AB #AFAB9D #A7A28F #9F9981 #979073 #8F8865

#C0BDBA - #8F8865

HSV Blend

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

0.0%	0.0% #C0BDBA	RGB 192 189 186	#C0BDBA
16.7%	16.7% #B7B1AA	RGB 183 177 170	#B7B1AA
33.3%	33.3% #AFA79A	RGB 175 167 154	#AFA79A
50.0%	50.0% #A79E8C	RGB 167 158 140	#A79E8C
66.7%	66.7% #9F967E	RGB 159 150 126	#9F967E
83.3%	83.3% #978E71	RGB 151 142 113	#978E71
100.0%	100.0% #8F8865	RGB 143 136 101	#8F8865

#C0BDBA #B7B1AA #AFA79A #A79E8C #9F967E #978E71 #8F8865

#C0BDBA - #A79E8C - #8F8865

CSS codes

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

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