#CECBC1 - #9C996E | 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 #CECBC1 to #9C996E

#CECBC1 #9C996E

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

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

0.0%	0.0% #CECBC1	RGB 206 203 193	#CECBC1
16.7%	16.7% #C5C2B3	RGB 197 194 179	#C5C2B3
33.3%	33.3% #BDBAA5	RGB 189 186 165	#BDBAA5
50.0%	50.0% #B5B297	RGB 181 178 151	#B5B297
66.7%	66.7% #ACA989	RGB 172 169 137	#ACA989
83.3%	83.3% #A4A17B	RGB 164 161 123	#A4A17B
100.0%	100.0% #9C996E	RGB 156 153 110	#9C996E

#CECBC1 #C5C2B3 #BDBAA5 #B5B297 #ACA989 #A4A17B #9C996E

#CECBC1 - #9C996E

HSV Blend

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

0.0%	0.0% #CECBC1	RGB 206 203 193	#CECBC1
16.7%	16.7% #C5C1B1	RGB 197 193 177	#C5C1B1
33.3%	33.3% #BDB8A2	RGB 189 184 162	#BDB8A2
50.0%	50.0% #B5B094	RGB 181 176 148	#B5B094
66.7%	66.7% #ACA887	RGB 172 168 135	#ACA887
83.3%	83.3% #A4A07A	RGB 164 160 122	#A4A07A
100.0%	100.0% #9C996E	RGB 156 153 110	#9C996E

#CECBC1 #C5C1B1 #BDB8A2 #B5B094 #ACA887 #A4A07A #9C996E

#CECBC1 - #B5B094 - #9C996E

CSS codes

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

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