#D9A879 - #B8642B | 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 #D9A879 to #B8642B

#D9A879 #B8642B

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

#D9A879 - #B8642B | 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 #D9A879 as 0% and #B8642B as 100%.

0.0%	0.0% #D9A879	RGB 217 168 121	#D9A879
16.7%	16.7% #D39C6C	RGB 211 156 108	#D39C6C
33.3%	33.3% #CE915F	RGB 206 145 95	#CE915F
50.0%	50.0% #C88652	RGB 200 134 82	#C88652
66.7%	66.7% #C37A45	RGB 195 122 69	#C37A45
83.3%	83.3% #BD6F38	RGB 189 111 56	#BD6F38
100.0%	100.0% #B8642B	RGB 184 100 43	#B8642B

#D9A879 #D39C6C #CE915F #C88652 #C37A45 #BD6F38 #B8642B

#D9A879 - #B8642B

HSV Blend

#D9A879 - #B8642B | 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 #D9A879 as 0% and #B8642B as 100%.

0.0%	0.0% #D9A879	RGB 217 168 121	#D9A879
16.7%	16.7% #D39C6A	RGB 211 156 106	#D39C6A
33.3%	33.3% #CE905C	RGB 206 144 92	#CE905C
50.0%	50.0% #C8854F	RGB 200 133 79	#C8854F
66.7%	66.7% #C37A42	RGB 195 122 66	#C37A42
83.3%	83.3% #BD6F36	RGB 189 111 54	#BD6F36
100.0%	100.0% #B8642B	RGB 184 100 43	#B8642B

#D9A879 #D39C6A #CE905C #C8854F #C37A42 #BD6F36 #B8642B

#D9A879 - #C8854F - #B8642B

CSS codes

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

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