#D9A786 - #3E2F26 | 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 #D9A786 to #3E2F26

#D9A786 #3E2F26

Calculate the color between two colors, #D9A786 and #3E2F26. 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)

#D9A786 - #3E2F26 | 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 #D9A786 as 0% and #3E2F26 as 100%.

0.0%	0.0% #D9A786	RGB 217 167 134	#D9A786
16.7%	16.7% #BF9376	RGB 191 147 118	#BF9376
33.3%	33.3% #A57F66	RGB 165 127 102	#A57F66
50.0%	50.0% #8B6B56	RGB 139 107 86	#8B6B56
66.7%	66.7% #715746	RGB 113 87 70	#715746
83.3%	83.3% #574336	RGB 87 67 54	#574336
100.0%	100.0% #3E2F26	RGB 62 47 38	#3E2F26

#D9A786 #BF9376 #A57F66 #8B6B56 #715746 #574336 #3E2F26

#D9A786 - #3E2F26

HSV Blend

#D9A786 - #3E2F26 | 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 #D9A786 as 0% and #3E2F26 as 100%.

0.0%	0.0% #D9A786	RGB 217 167 134	#D9A786
16.7%	16.7% #BF9275	RGB 191 146 117	#BF9275
33.3%	33.3% #A57E65	RGB 165 126 101	#A57E65
50.0%	50.0% #8B6A55	RGB 139 106 85	#8B6A55
66.7%	66.7% #715645	RGB 113 86 69	#715645
83.3%	83.3% #574235	RGB 87 66 53	#574235
100.0%	100.0% #3E2F26	RGB 62 47 38	#3E2F26

#D9A786 #BF9275 #A57E65 #8B6A55 #715645 #574235 #3E2F26

#D9A786 - #8B6A55 - #3E2F26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9A786 0%, #8B6A55 50%, #3E2F26 100%);
    background: -webkit-linear-gradient(top, #D9A786 0%, #8B6A55 50%, #3E2F26 100%);
    background: linear-gradient(to bottom, #D9A786 0%, #8B6A55 50%, #3E2F26 100%);
}
</style>