#CC9C8D - #AD5239 | 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 #CC9C8D to #AD5239

#CC9C8D #AD5239

Calculate the color between two colors, #CC9C8D and #AD5239. 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)

#CC9C8D - #AD5239 | 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 #CC9C8D as 0% and #AD5239 as 100%.

0.0%	0.0% #CC9C8D	RGB 204 156 141	#CC9C8D
16.7%	16.7% #C68F7F	RGB 198 143 127	#C68F7F
33.3%	33.3% #C18371	RGB 193 131 113	#C18371
50.0%	50.0% #BC7763	RGB 188 119 99	#BC7763
66.7%	66.7% #B76A55	RGB 183 106 85	#B76A55
83.3%	83.3% #B25E47	RGB 178 94 71	#B25E47
100.0%	100.0% #AD5239	RGB 173 82 57	#AD5239

#CC9C8D #C68F7F #C18371 #BC7763 #B76A55 #B25E47 #AD5239

#CC9C8D - #AD5239

HSV Blend

#CC9C8D - #AD5239 | 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 #CC9C8D as 0% and #AD5239 as 100%.

0.0%	0.0% #CC9C8D	RGB 204 156 141	#CC9C8D
16.7%	16.7% #C68E7D	RGB 198 142 125	#C68E7D
33.3%	33.3% #C1816E	RGB 193 129 110	#C1816E
50.0%	50.0% #BC7560	RGB 188 117 96	#BC7560
66.7%	66.7% #B76852	RGB 183 104 82	#B76852
83.3%	83.3% #B25D45	RGB 178 93 69	#B25D45
100.0%	100.0% #AD5239	RGB 173 82 57	#AD5239

#CC9C8D #C68E7D #C1816E #BC7560 #B76852 #B25D45 #AD5239

#CC9C8D - #BC7560 - #AD5239

CSS codes

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

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