#CDC9C9 - #8D6A81 | 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 #CDC9C9 to #8D6A81

#CDC9C9 #8D6A81

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

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

0.0%	0.0% #CDC9C9	RGB 205 201 201	#CDC9C9
16.7%	16.7% #C2B9BD	RGB 194 185 189	#C2B9BD
33.3%	33.3% #B7A9B1	RGB 183 169 177	#B7A9B1
50.0%	50.0% #AD99A5	RGB 173 153 165	#AD99A5
66.7%	66.7% #A28999	RGB 162 137 153	#A28999
83.3%	83.3% #97798D	RGB 151 121 141	#97798D
100.0%	100.0% #8D6A81	RGB 141 106 129	#8D6A81

#CDC9C9 #C2B9BD #B7A9B1 #AD99A5 #A28999 #97798D #8D6A81

#CDC9C9 - #8D6A81

HSV Blend

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

0.0%	0.0% #CDC9C9	RGB 205 201 201	#CDC9C9
16.7%	16.7% #C2B7B8	RGB 194 183 184	#C2B7B8
33.3%	33.3% #B7A6A9	RGB 183 166 169	#B7A6A9
50.0%	50.0% #AD959D	RGB 173 149 157	#AD959D
66.7%	66.7% #A28692	RGB 162 134 146	#A28692
83.3%	83.3% #977789	RGB 151 119 137	#977789
100.0%	100.0% #8D6A81	RGB 141 106 129	#8D6A81

#CDC9C9 #C2B7B8 #B7A6A9 #AD959D #A28692 #977789 #8D6A81

#CDC9C9 - #AD959D - #8D6A81

CSS codes

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

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