#CDA5A1 - #B3574B | 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 #CDA5A1 to #B3574B

#CDA5A1 #B3574B

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

#CDA5A1 - #B3574B | 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 #CDA5A1 as 0% and #B3574B as 100%.

0.0%	0.0% #CDA5A1	RGB 205 165 161	#CDA5A1
16.7%	16.7% #C89892	RGB 200 152 146	#C89892
33.3%	33.3% #C48B84	RGB 196 139 132	#C48B84
50.0%	50.0% #C07E76	RGB 192 126 118	#C07E76
66.7%	66.7% #BB7167	RGB 187 113 103	#BB7167
83.3%	83.3% #B76459	RGB 183 100 89	#B76459
100.0%	100.0% #B3574B	RGB 179 87 75	#B3574B

#CDA5A1 #C89892 #C48B84 #C07E76 #BB7167 #B76459 #B3574B

#CDA5A1 - #B3574B

HSV Blend

#CDA5A1 - #B3574B | 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 #CDA5A1 as 0% and #B3574B as 100%.

0.0%	0.0% #CDA5A1	RGB 205 165 161	#CDA5A1
16.7%	16.7% #C89691	RGB 200 150 145	#C89691
33.3%	33.3% #C48882	RGB 196 136 130	#C48882
50.0%	50.0% #C07B73	RGB 192 123 115	#C07B73
66.7%	66.7% #BB6E65	RGB 187 110 101	#BB6E65
83.3%	83.3% #B76258	RGB 183 98 88	#B76258
100.0%	100.0% #B3574B	RGB 179 87 75	#B3574B

#CDA5A1 #C89691 #C48882 #C07B73 #BB6E65 #B76258 #B3574B

#CDA5A1 - #C07B73 - #B3574B

CSS codes

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

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