#CDCBCB - #9F7B7A | 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 #CDCBCB to #9F7B7A

#CDCBCB #9F7B7A

Calculate the color between two colors, #CDCBCB and #9F7B7A. 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)

#CDCBCB - #9F7B7A | 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 #CDCBCB as 0% and #9F7B7A as 100%.

0.0%	0.0% #CDCBCB	RGB 205 203 203	#CDCBCB
16.7%	16.7% #C5BDBD	RGB 197 189 189	#C5BDBD
33.3%	33.3% #BDB0B0	RGB 189 176 176	#BDB0B0
50.0%	50.0% #B6A3A2	RGB 182 163 162	#B6A3A2
66.7%	66.7% #AE9595	RGB 174 149 149	#AE9595
83.3%	83.3% #A68887	RGB 166 136 135	#A68887
100.0%	100.0% #9F7B7A	RGB 159 123 122	#9F7B7A

#CDCBCB #C5BDBD #BDB0B0 #B6A3A2 #AE9595 #A68887 #9F7B7A

#CDCBCB - #9F7B7A

HSV Blend

#CDCBCB - #9F7B7A | 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 #CDCBCB as 0% and #9F7B7A as 100%.

0.0%	0.0% #CDCBCB	RGB 205 203 203	#CDCBCB
16.7%	16.7% #C5BCBC	RGB 197 188 188	#C5BCBC
33.3%	33.3% #BDADAD	RGB 189 173 173	#BDADAD
50.0%	50.0% #B6A09F	RGB 182 160 159	#B6A09F
66.7%	66.7% #AE9392	RGB 174 147 146	#AE9392
83.3%	83.3% #A68686	RGB 166 134 134	#A68686
100.0%	100.0% #9F7B7A	RGB 159 123 122	#9F7B7A

#CDCBCB #C5BCBC #BDADAD #B6A09F #AE9392 #A68686 #9F7B7A

#CDCBCB - #B6A09F - #9F7B7A

CSS codes

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

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