#CD7C7F - #AB2D3A | 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 #CD7C7F to #AB2D3A

#CD7C7F #AB2D3A

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

#CD7C7F - #AB2D3A | 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 #CD7C7F as 0% and #AB2D3A as 100%.

0.0%	0.0% #CD7C7F	RGB 205 124 127	#CD7C7F
16.7%	16.7% #C76E73	RGB 199 110 115	#C76E73
33.3%	33.3% #C16168	RGB 193 97 104	#C16168
50.0%	50.0% #BC545C	RGB 188 84 92	#BC545C
66.7%	66.7% #B64751	RGB 182 71 81	#B64751
83.3%	83.3% #B03A45	RGB 176 58 69	#B03A45
100.0%	100.0% #AB2D3A	RGB 171 45 58	#AB2D3A

#CD7C7F #C76E73 #C16168 #BC545C #B64751 #B03A45 #AB2D3A

#CD7C7F - #AB2D3A

HSV Blend

#CD7C7F - #AB2D3A | 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 #CD7C7F as 0% and #AB2D3A as 100%.

0.0%	0.0% #CD7C7F	RGB 205 124 127	#CD7C7F
16.7%	16.7% #C76D71	RGB 199 109 113	#C76D71
33.3%	33.3% #C15F64	RGB 193 95 100	#C15F64
50.0%	50.0% #BC5159	RGB 188 81 89	#BC5159
66.7%	66.7% #B6444D	RGB 182 68 77	#B6444D
83.3%	83.3% #B03843	RGB 176 56 67	#B03843
100.0%	100.0% #AB2D3A	RGB 171 45 58	#AB2D3A

#CD7C7F #C76D71 #C15F64 #BC5159 #B6444D #B03843 #AB2D3A

#CD7C7F - #BC5159 - #AB2D3A

CSS codes

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

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