#C5A8A1 - #A95E4B | 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 #C5A8A1 to #A95E4B

#C5A8A1 #A95E4B

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

#C5A8A1 - #A95E4B | 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 #C5A8A1 as 0% and #A95E4B as 100%.

0.0%	0.0% #C5A8A1	RGB 197 168 161	#C5A8A1
16.7%	16.7% #C09B92	RGB 192 155 146	#C09B92
33.3%	33.3% #BB8F84	RGB 187 143 132	#BB8F84
50.0%	50.0% #B78376	RGB 183 131 118	#B78376
66.7%	66.7% #B27667	RGB 178 118 103	#B27667
83.3%	83.3% #AD6A59	RGB 173 106 89	#AD6A59
100.0%	100.0% #A95E4B	RGB 169 94 75	#A95E4B

#C5A8A1 #C09B92 #BB8F84 #B78376 #B27667 #AD6A59 #A95E4B

#C5A8A1 - #A95E4B

HSV Blend

#C5A8A1 - #A95E4B | 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 #C5A8A1 as 0% and #A95E4B as 100%.

0.0%	0.0% #C5A8A1	RGB 197 168 161	#C5A8A1
16.7%	16.7% #C09A91	RGB 192 154 145	#C09A91
33.3%	33.3% #BB8D82	RGB 187 141 130	#BB8D82
50.0%	50.0% #B78073	RGB 183 128 115	#B78073
66.7%	66.7% #B27465	RGB 178 116 101	#B27465
83.3%	83.3% #AD6957	RGB 173 105 87	#AD6957
100.0%	100.0% #A95E4B	RGB 169 94 75	#A95E4B

#C5A8A1 #C09A91 #BB8D82 #B78073 #B27465 #AD6957 #A95E4B

#C5A8A1 - #B78073 - #A95E4B

CSS codes

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

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