#CEC6CB - #8A6B6C | 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 #CEC6CB to #8A6B6C

#CEC6CB #8A6B6C

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

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

0.0%	0.0% #CEC6CB	RGB 206 198 203	#CEC6CB
16.7%	16.7% #C2B6BB	RGB 194 182 187	#C2B6BB
33.3%	33.3% #B7A7AB	RGB 183 167 171	#B7A7AB
50.0%	50.0% #AC989B	RGB 172 152 155	#AC989B
66.7%	66.7% #A0898B	RGB 160 137 139	#A0898B
83.3%	83.3% #957A7B	RGB 149 122 123	#957A7B
100.0%	100.0% #8A6B6C	RGB 138 107 108	#8A6B6C

#CEC6CB #C2B6BB #B7A7AB #AC989B #A0898B #957A7B #8A6B6C

#CEC6CB - #8A6B6C

HSV Blend

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

0.0%	0.0% #CEC6CB	RGB 206 198 203	#CEC6CB
16.7%	16.7% #C2B5BC	RGB 194 181 188	#C2B5BC
33.3%	33.3% #B7A4AC	RGB 183 164 172	#B7A4AC
50.0%	50.0% #AC959C	RGB 172 149 156	#AC959C
66.7%	66.7% #A0868C	RGB 160 134 140	#A0868C
83.3%	83.3% #95787C	RGB 149 120 124	#95787C
100.0%	100.0% #8A6B6C	RGB 138 107 108	#8A6B6C

#CEC6CB #C2B5BC #B7A4AC #AC959C #A0868C #95787C #8A6B6C

#CEC6CB - #AC959C - #8A6B6C

CSS codes

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

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