#CCBBBD - #8F6F5E | 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 #CCBBBD to #8F6F5E

#CCBBBD #8F6F5E

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

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

0.0%	0.0% #CCBBBD	RGB 204 187 189	#CCBBBD
16.7%	16.7% #C1AEAD	RGB 193 174 173	#C1AEAD
33.3%	33.3% #B7A19D	RGB 183 161 157	#B7A19D
50.0%	50.0% #AD958D	RGB 173 149 141	#AD958D
66.7%	66.7% #A3887D	RGB 163 136 125	#A3887D
83.3%	83.3% #997B6D	RGB 153 123 109	#997B6D
100.0%	100.0% #8F6F5E	RGB 143 111 94	#8F6F5E

#CCBBBD #C1AEAD #B7A19D #AD958D #A3887D #997B6D #8F6F5E

#CCBBBD - #8F6F5E

HSV Blend

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

0.0%	0.0% #CCBBBD	RGB 204 187 189	#CCBBBD
16.7%	16.7% #C1A9AA	RGB 193 169 170	#C1A9AA
33.3%	33.3% #B79998	RGB 183 153 152	#B79998
50.0%	50.0% #AD8C88	RGB 173 140 136	#AD8C88
66.7%	66.7% #A38179	RGB 163 129 121	#A38179
83.3%	83.3% #99776B	RGB 153 119 107	#99776B
100.0%	100.0% #8F6F5E	RGB 143 111 94	#8F6F5E

#CCBBBD #C1A9AA #B79998 #AD8C88 #A38179 #99776B #8F6F5E

#CCBBBD - #AD8C88 - #8F6F5E

CSS codes

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

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