#C5A8A0 - #A85E4A | 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 #C5A8A0 to #A85E4A

#C5A8A0 #A85E4A

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

#C5A8A0 - #A85E4A | 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 #C5A8A0 as 0% and #A85E4A as 100%.

0.0%	0.0% #C5A8A0	RGB 197 168 160	#C5A8A0
16.7%	16.7% #C09B91	RGB 192 155 145	#C09B91
33.3%	33.3% #BB8F83	RGB 187 143 131	#BB8F83
50.0%	50.0% #B68375	RGB 182 131 117	#B68375
66.7%	66.7% #B17666	RGB 177 118 102	#B17666
83.3%	83.3% #AC6A58	RGB 172 106 88	#AC6A58
100.0%	100.0% #A85E4A	RGB 168 94 74	#A85E4A

#C5A8A0 #C09B91 #BB8F83 #B68375 #B17666 #AC6A58 #A85E4A

#C5A8A0 - #A85E4A

HSV Blend

#C5A8A0 - #A85E4A | 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 #C5A8A0 as 0% and #A85E4A as 100%.

0.0%	0.0% #C5A8A0	RGB 197 168 160	#C5A8A0
16.7%	16.7% #C09A90	RGB 192 154 144	#C09A90
33.3%	33.3% #BB8D80	RGB 187 141 128	#BB8D80
50.0%	50.0% #B68072	RGB 182 128 114	#B68072
66.7%	66.7% #B17464	RGB 177 116 100	#B17464
83.3%	83.3% #AC6956	RGB 172 105 86	#AC6956
100.0%	100.0% #A85E4A	RGB 168 94 74	#A85E4A

#C5A8A0 #C09A90 #BB8D80 #B68072 #B17464 #AC6956 #A85E4A

#C5A8A0 - #B68072 - #A85E4A

CSS codes

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

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