#C9A48D - #A95E3A | 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 #C9A48D to #A95E3A

#C9A48D #A95E3A

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

#C9A48D - #A95E3A | 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 #C9A48D as 0% and #A95E3A as 100%.

0.0%	0.0% #C9A48D	RGB 201 164 141	#C9A48D
16.7%	16.7% #C3987F	RGB 195 152 127	#C3987F
33.3%	33.3% #BE8C71	RGB 190 140 113	#BE8C71
50.0%	50.0% #B98163	RGB 185 129 99	#B98163
66.7%	66.7% #B37555	RGB 179 117 85	#B37555
83.3%	83.3% #AE6947	RGB 174 105 71	#AE6947
100.0%	100.0% #A95E3A	RGB 169 94 58	#A95E3A

#C9A48D #C3987F #BE8C71 #B98163 #B37555 #AE6947 #A95E3A

#C9A48D - #A95E3A

HSV Blend

#C9A48D - #A95E3A | 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 #C9A48D as 0% and #A95E3A as 100%.

0.0%	0.0% #C9A48D	RGB 201 164 141	#C9A48D
16.7%	16.7% #C3977D	RGB 195 151 125	#C3977D
33.3%	33.3% #BE8B6E	RGB 190 139 110	#BE8B6E
50.0%	50.0% #B97F60	RGB 185 127 96	#B97F60
66.7%	66.7% #B37453	RGB 179 116 83	#B37453
83.3%	83.3% #AE6946	RGB 174 105 70	#AE6946
100.0%	100.0% #A95E3A	RGB 169 94 58	#A95E3A

#C9A48D #C3977D #BE8B6E #B97F60 #B37453 #AE6946 #A95E3A

#C9A48D - #B97F60 - #A95E3A

CSS codes

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

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