#CDCCCC - #8D6D71 | 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 #CDCCCC to #8D6D71

#CDCCCC #8D6D71

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

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

0.0%	0.0% #CDCCCC	RGB 205 204 204	#CDCCCC
16.7%	16.7% #C2BCBC	RGB 194 188 188	#C2BCBC
33.3%	33.3% #B7ACAD	RGB 183 172 173	#B7ACAD
50.0%	50.0% #AD9C9E	RGB 173 156 158	#AD9C9E
66.7%	66.7% #A28C8F	RGB 162 140 143	#A28C8F
83.3%	83.3% #977C80	RGB 151 124 128	#977C80
100.0%	100.0% #8D6D71	RGB 141 109 113	#8D6D71

#CDCCCC #C2BCBC #B7ACAD #AD9C9E #A28C8F #977C80 #8D6D71

#CDCCCC - #8D6D71

HSV Blend

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

0.0%	0.0% #CDCCCC	RGB 205 204 204	#CDCCCC
16.7%	16.7% #C2BABA	RGB 194 186 186	#C2BABA
33.3%	33.3% #B7A9A9	RGB 183 169 169	#B7A9A9
50.0%	50.0% #AD989A	RGB 173 152 154	#AD989A
66.7%	66.7% #A2898B	RGB 162 137 139	#A2898B
83.3%	83.3% #977A7D	RGB 151 122 125	#977A7D
100.0%	100.0% #8D6D71	RGB 141 109 113	#8D6D71

#CDCCCC #C2BABA #B7A9A9 #AD989A #A2898B #977A7D #8D6D71

#CDCCCC - #AD989A - #8D6D71

CSS codes

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

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