#CDC3C2 - #8A8D6C | 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 #CDC3C2 to #8A8D6C

#CDC3C2 #8A8D6C

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

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

0.0%	0.0% #CDC3C2	RGB 205 195 194	#CDC3C2
16.7%	16.7% #C1BAB3	RGB 193 186 179	#C1BAB3
33.3%	33.3% #B6B1A5	RGB 182 177 165	#B6B1A5
50.0%	50.0% #ABA897	RGB 171 168 151	#ABA897
66.7%	66.7% #A09F88	RGB 160 159 136	#A09F88
83.3%	83.3% #95967A	RGB 149 150 122	#95967A
100.0%	100.0% #8A8D6C	RGB 138 141 108	#8A8D6C

#CDC3C2 #C1BAB3 #B6B1A5 #ABA897 #A09F88 #95967A #8A8D6C

#CDC3C2 - #8A8D6C

HSV Blend

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

0.0%	0.0% #CDC3C2	RGB 205 195 194	#CDC3C2
16.7%	16.7% #C2B6B2	RGB 194 182 178	#C2B6B2
33.3%	33.3% #B7ABA2	RGB 183 171 162	#B7ABA2
50.0%	50.0% #ADA294	RGB 173 162 148	#ADA294
66.7%	66.7% #A29B86	RGB 162 155 134	#A29B86
83.3%	83.3% #979578	RGB 151 149 120	#979578
100.0%	100.0% #8A8D6C	RGB 138 141 108	#8A8D6C

#CDC3C2 #C2B6B2 #B7ABA2 #ADA294 #A29B86 #979578 #8A8D6C

#CDC3C2 - #ADA294 - #8A8D6C

CSS codes

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

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