#CDCDCC - #8D736D | 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 #CDCDCC to #8D736D

#CDCDCC #8D736D

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

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

0.0%	0.0% #CDCDCC	RGB 205 205 204	#CDCDCC
16.7%	16.7% #C2BEBC	RGB 194 190 188	#C2BEBC
33.3%	33.3% #B7AFAC	RGB 183 175 172	#B7AFAC
50.0%	50.0% #ADA09C	RGB 173 160 156	#ADA09C
66.7%	66.7% #A2918C	RGB 162 145 140	#A2918C
83.3%	83.3% #97827C	RGB 151 130 124	#97827C
100.0%	100.0% #8D736D	RGB 141 115 109	#8D736D

#CDCDCC #C2BEBC #B7AFAC #ADA09C #A2918C #97827C #8D736D

#CDCDCC - #8D736D

HSV Blend

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

0.0%	0.0% #CDCDCC	RGB 205 205 204	#CDCDCC
16.7%	16.7% #C2C1BA	RGB 194 193 186	#C2C1BA
33.3%	33.3% #B7B3A9	RGB 183 179 169	#B7B3A9
50.0%	50.0% #ADA498	RGB 173 164 152	#ADA498
66.7%	66.7% #A29489	RGB 162 148 137	#A29489
83.3%	83.3% #97847A	RGB 151 132 122	#97847A
100.0%	100.0% #8D736D	RGB 141 115 109	#8D736D

#CDCDCC #C2C1BA #B7B3A9 #ADA498 #A29489 #97847A #8D736D

#CDCDCC - #ADA498 - #8D736D

CSS codes

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

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