#C8A8A1 - #A2514C | 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 #C8A8A1 to #A2514C

#C8A8A1 #A2514C

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

#C8A8A1 - #A2514C | 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 #C8A8A1 as 0% and #A2514C as 100%.

0.0%	0.0% #C8A8A1	RGB 200 168 161	#C8A8A1
16.7%	16.7% #C19992	RGB 193 153 146	#C19992
33.3%	33.3% #BB8B84	RGB 187 139 132	#BB8B84
50.0%	50.0% #B57C76	RGB 181 124 118	#B57C76
66.7%	66.7% #AE6E68	RGB 174 110 104	#AE6E68
83.3%	83.3% #A85F5A	RGB 168 95 90	#A85F5A
100.0%	100.0% #A2514C	RGB 162 81 76	#A2514C

#C8A8A1 #C19992 #BB8B84 #B57C76 #AE6E68 #A85F5A #A2514C

#C8A8A1 - #A2514C

HSV Blend

#C8A8A1 - #A2514C | 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 #C8A8A1 as 0% and #A2514C as 100%.

0.0%	0.0% #C8A8A1	RGB 200 168 161	#C8A8A1
16.7%	16.7% #C19891	RGB 193 152 145	#C19891
33.3%	33.3% #BB8981	RGB 187 137 129	#BB8981
50.0%	50.0% #B57B73	RGB 181 123 115	#B57B73
66.7%	66.7% #AE6C65	RGB 174 108 101	#AE6C65
83.3%	83.3% #A85E58	RGB 168 94 88	#A85E58
100.0%	100.0% #A2514C	RGB 162 81 76	#A2514C

#C8A8A1 #C19891 #BB8981 #B57B73 #AE6C65 #A85E58 #A2514C

#C8A8A1 - #B57B73 - #A2514C

CSS codes

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

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