#CC9A8A - #AD5137 | 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 #CC9A8A to #AD5137

#CC9A8A #AD5137

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

#CC9A8A - #AD5137 | 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 #CC9A8A as 0% and #AD5137 as 100%.

0.0%	0.0% #CC9A8A	RGB 204 154 138	#CC9A8A
16.7%	16.7% #C68D7C	RGB 198 141 124	#C68D7C
33.3%	33.3% #C1816E	RGB 193 129 110	#C1816E
50.0%	50.0% #BC7560	RGB 188 117 96	#BC7560
66.7%	66.7% #B76952	RGB 183 105 82	#B76952
83.3%	83.3% #B25D44	RGB 178 93 68	#B25D44
100.0%	100.0% #AD5137	RGB 173 81 55	#AD5137

#CC9A8A #C68D7C #C1816E #BC7560 #B76952 #B25D44 #AD5137

#CC9A8A - #AD5137

HSV Blend

#CC9A8A - #AD5137 | 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 #CC9A8A as 0% and #AD5137 as 100%.

0.0%	0.0% #CC9A8A	RGB 204 154 138	#CC9A8A
16.7%	16.7% #C68C7A	RGB 198 140 122	#C68C7A
33.3%	33.3% #C1806B	RGB 193 128 107	#C1806B
50.0%	50.0% #BC735D	RGB 188 115 93	#BC735D
66.7%	66.7% #B76750	RGB 183 103 80	#B76750
83.3%	83.3% #B25C43	RGB 178 92 67	#B25C43
100.0%	100.0% #AD5137	RGB 173 81 55	#AD5137

#CC9A8A #C68C7A #C1806B #BC735D #B76750 #B25C43 #AD5137

#CC9A8A - #BC735D - #AD5137

CSS codes

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

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