#CC9A8B - #AD5038 | 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 #CC9A8B to #AD5038

#CC9A8B #AD5038

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

#CC9A8B - #AD5038 | 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 #CC9A8B as 0% and #AD5038 as 100%.

0.0%	0.0% #CC9A8B	RGB 204 154 139	#CC9A8B
16.7%	16.7% #C68D7D	RGB 198 141 125	#C68D7D
33.3%	33.3% #C1816F	RGB 193 129 111	#C1816F
50.0%	50.0% #BC7561	RGB 188 117 97	#BC7561
66.7%	66.7% #B76853	RGB 183 104 83	#B76853
83.3%	83.3% #B25C45	RGB 178 92 69	#B25C45
100.0%	100.0% #AD5038	RGB 173 80 56	#AD5038

#CC9A8B #C68D7D #C1816F #BC7561 #B76853 #B25C45 #AD5038

#CC9A8B - #AD5038

HSV Blend

#CC9A8B - #AD5038 | 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 #CC9A8B as 0% and #AD5038 as 100%.

0.0%	0.0% #CC9A8B	RGB 204 154 139	#CC9A8B
16.7%	16.7% #C68C7B	RGB 198 140 123	#C68C7B
33.3%	33.3% #C17F6C	RGB 193 127 108	#C17F6C
50.0%	50.0% #BC735E	RGB 188 115 94	#BC735E
66.7%	66.7% #B76751	RGB 183 103 81	#B76751
83.3%	83.3% #B25B44	RGB 178 91 68	#B25B44
100.0%	100.0% #AD5038	RGB 173 80 56	#AD5038

#CC9A8B #C68C7B #C17F6C #BC735E #B76751 #B25B44 #AD5038

#CC9A8B - #BC735E - #AD5038

CSS codes

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

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