#CDC0CB - #8C696B | 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 #CDC0CB to #8C696B

#CDC0CB #8C696B

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

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

0.0%	0.0% #CDC0CB	RGB 205 192 203	#CDC0CB
16.7%	16.7% #C2B1BB	RGB 194 177 187	#C2B1BB
33.3%	33.3% #B7A3AB	RGB 183 163 171	#B7A3AB
50.0%	50.0% #AC949B	RGB 172 148 155	#AC949B
66.7%	66.7% #A1868B	RGB 161 134 139	#A1868B
83.3%	83.3% #96777B	RGB 150 119 123	#96777B
100.0%	100.0% #8C696B	RGB 140 105 107	#8C696B

#CDC0CB #C2B1BB #B7A3AB #AC949B #A1868B #96777B #8C696B

#CDC0CB - #8C696B

HSV Blend

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

0.0%	0.0% #CDC0CB	RGB 205 192 203	#CDC0CB
16.7%	16.7% #C2AFBC	RGB 194 175 188	#C2AFBC
33.3%	33.3% #B7A0AD	RGB 183 160 173	#B7A0AD
50.0%	50.0% #AC919D	RGB 172 145 157	#AC919D
66.7%	66.7% #A1838D	RGB 161 131 141	#A1838D
83.3%	83.3% #96757C	RGB 150 117 124	#96757C
100.0%	100.0% #8C696B	RGB 140 105 107	#8C696B

#CDC0CB #C2AFBC #B7A0AD #AC919D #A1838D #96757C #8C696B

#CDC0CB - #AC919D - #8C696B

CSS codes

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

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