#CD7E7E - #AC322D | 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 #CD7E7E to #AC322D

#CD7E7E #AC322D

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

#CD7E7E - #AC322D | 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 #CD7E7E as 0% and #AC322D as 100%.

0.0%	0.0% #CD7E7E	RGB 205 126 126	#CD7E7E
16.7%	16.7% #C77170	RGB 199 113 112	#C77170
33.3%	33.3% #C26463	RGB 194 100 99	#C26463
50.0%	50.0% #BC5855	RGB 188 88 85	#BC5855
66.7%	66.7% #B74B48	RGB 183 75 72	#B74B48
83.3%	83.3% #B13E3A	RGB 177 62 58	#B13E3A
100.0%	100.0% #AC322D	RGB 172 50 45	#AC322D

#CD7E7E #C77170 #C26463 #BC5855 #B74B48 #B13E3A #AC322D

#CD7E7E - #AC322D

HSV Blend

#CD7E7E - #AC322D | 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 #CD7E7E as 0% and #AC322D as 100%.

0.0%	0.0% #CD7E7E	RGB 205 126 126	#CD7E7E
16.7%	16.7% #C76F6E	RGB 199 111 110	#C76F6E
33.3%	33.3% #C26160	RGB 194 97 96	#C26160
50.0%	50.0% #BC5452	RGB 188 84 82	#BC5452
66.7%	66.7% #B74845	RGB 183 72 69	#B74845
83.3%	83.3% #B13C38	RGB 177 60 56	#B13C38
100.0%	100.0% #AC322D	RGB 172 50 45	#AC322D

#CD7E7E #C76F6E #C26160 #BC5452 #B74845 #B13C38 #AC322D

#CD7E7E - #BC5452 - #AC322D

CSS codes

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

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