#CECDC7 - #AB9E76 | 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 #CECDC7 to #AB9E76

#CECDC7 #AB9E76

Calculate the color between two colors, #CECDC7 and #AB9E76. 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)

#CECDC7 - #AB9E76 | 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 #CECDC7 as 0% and #AB9E76 as 100%.

0.0%	0.0% #CECDC7	RGB 206 205 199	#CECDC7
16.7%	16.7% #C8C5B9	RGB 200 197 185	#C8C5B9
33.3%	33.3% #C2BDAC	RGB 194 189 172	#C2BDAC
50.0%	50.0% #BCB59E	RGB 188 181 158	#BCB59E
66.7%	66.7% #B6AD91	RGB 182 173 145	#B6AD91
83.3%	83.3% #B0A583	RGB 176 165 131	#B0A583
100.0%	100.0% #AB9E76	RGB 171 158 118	#AB9E76

#CECDC7 #C8C5B9 #C2BDAC #BCB59E #B6AD91 #B0A583 #AB9E76

#CECDC7 - #AB9E76

HSV Blend

#CECDC7 - #AB9E76 | 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 #CECDC7 as 0% and #AB9E76 as 100%.

0.0%	0.0% #CECDC7	RGB 206 205 199	#CECDC7
16.7%	16.7% #C8C5B8	RGB 200 197 184	#C8C5B8
33.3%	33.3% #C2BEA9	RGB 194 190 169	#C2BEA9
50.0%	50.0% #BCB69C	RGB 188 182 156	#BCB69C
66.7%	66.7% #B6AE8E	RGB 182 174 142	#B6AE8E
83.3%	83.3% #B0A682	RGB 176 166 130	#B0A682
100.0%	100.0% #AB9E76	RGB 171 158 118	#AB9E76

#CECDC7 #C8C5B8 #C2BEA9 #BCB69C #B6AE8E #B0A682 #AB9E76

#CECDC7 - #BCB69C - #AB9E76

CSS codes

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

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