#CEC7C7 - #8F8277 | 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 #CEC7C7 to #8F8277

#CEC7C7 #8F8277

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

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

0.0%	0.0% #CEC7C7	RGB 206 199 199	#CEC7C7
16.7%	16.7% #C3BBB9	RGB 195 187 185	#C3BBB9
33.3%	33.3% #B9B0AC	RGB 185 176 172	#B9B0AC
50.0%	50.0% #AEA49F	RGB 174 164 159	#AEA49F
66.7%	66.7% #A49991	RGB 164 153 145	#A49991
83.3%	83.3% #998D84	RGB 153 141 132	#998D84
100.0%	100.0% #8F8277	RGB 143 130 119	#8F8277

#CEC7C7 #C3BBB9 #B9B0AC #AEA49F #A49991 #998D84 #8F8277

#CEC7C7 - #8F8277

HSV Blend

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

0.0%	0.0% #CEC7C7	RGB 206 199 199	#CEC7C7
16.7%	16.7% #C3B9B8	RGB 195 185 184	#C3B9B8
33.3%	33.3% #B9ACAA	RGB 185 172 170	#B9ACAA
50.0%	50.0% #AEA09C	RGB 174 160 156	#AEA09C
66.7%	66.7% #A4958F	RGB 164 149 143	#A4958F
83.3%	83.3% #998B83	RGB 153 139 131	#998B83
100.0%	100.0% #8F8277	RGB 143 130 119	#8F8277

#CEC7C7 #C3B9B8 #B9ACAA #AEA09C #A4958F #998B83 #8F8277

#CEC7C7 - #AEA09C - #8F8277

CSS codes

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

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