#D4A8AB - #9C604D | 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 #D4A8AB to #9C604D

#D4A8AB #9C604D

Calculate the color between two colors, #D4A8AB and #9C604D. 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)

#D4A8AB - #9C604D | 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 #D4A8AB as 0% and #9C604D as 100%.

0.0%	0.0% #D4A8AB	RGB 212 168 171	#D4A8AB
16.7%	16.7% #CA9C9B	RGB 202 156 155	#CA9C9B
33.3%	33.3% #C1908B	RGB 193 144 139	#C1908B
50.0%	50.0% #B8847C	RGB 184 132 124	#B8847C
66.7%	66.7% #AE786C	RGB 174 120 108	#AE786C
83.3%	83.3% #A56C5C	RGB 165 108 92	#A56C5C
100.0%	100.0% #9C604D	RGB 156 96 77	#9C604D

#D4A8AB #CA9C9B #C1908B #B8847C #AE786C #A56C5C #9C604D

#D4A8AB - #9C604D

HSV Blend

#D4A8AB - #9C604D | 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 #D4A8AB as 0% and #9C604D as 100%.

0.0%	0.0% #D4A8AB	RGB 212 168 171	#D4A8AB
16.7%	16.7% #CA9697	RGB 202 150 151	#CA9697
33.3%	33.3% #C18885	RGB 193 136 133	#C18885
50.0%	50.0% #B87B76	RGB 184 123 118	#B87B76
66.7%	66.7% #AE7167	RGB 174 113 103	#AE7167
83.3%	83.3% #A56859	RGB 165 104 89	#A56859
100.0%	100.0% #9C604D	RGB 156 96 77	#9C604D

#D4A8AB #CA9697 #C18885 #B87B76 #AE7167 #A56859 #9C604D

#D4A8AB - #B87B76 - #9C604D

CSS codes

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

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