#D0AA9C - #AF5A47 | 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 #D0AA9C to #AF5A47

#D0AA9C #AF5A47

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

#D0AA9C - #AF5A47 | 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 #D0AA9C as 0% and #AF5A47 as 100%.

0.0%	0.0% #D0AA9C	RGB 208 170 156	#D0AA9C
16.7%	16.7% #CA9C8D	RGB 202 156 141	#CA9C8D
33.3%	33.3% #C58F7F	RGB 197 143 127	#C58F7F
50.0%	50.0% #BF8271	RGB 191 130 113	#BF8271
66.7%	66.7% #BA7463	RGB 186 116 99	#BA7463
83.3%	83.3% #B46755	RGB 180 103 85	#B46755
100.0%	100.0% #AF5A47	RGB 175 90 71	#AF5A47

#D0AA9C #CA9C8D #C58F7F #BF8271 #BA7463 #B46755 #AF5A47

#D0AA9C - #AF5A47

HSV Blend

#D0AA9C - #AF5A47 | 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 #D0AA9C as 0% and #AF5A47 as 100%.

0.0%	0.0% #D0AA9C	RGB 208 170 156	#D0AA9C
16.7%	16.7% #CA9C8C	RGB 202 156 140	#CA9C8C
33.3%	33.3% #C58E7D	RGB 197 142 125	#C58E7D
50.0%	50.0% #BF806E	RGB 191 128 110	#BF806E
66.7%	66.7% #BA7360	RGB 186 115 96	#BA7360
83.3%	83.3% #B46653	RGB 180 102 83	#B46653
100.0%	100.0% #AF5A47	RGB 175 90 71	#AF5A47

#D0AA9C #CA9C8C #C58E7D #BF806E #BA7360 #B46653 #AF5A47

#D0AA9C - #BF806E - #AF5A47

CSS codes

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

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