#DBAC7A - #B66A2D | 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 #DBAC7A to #B66A2D

#DBAC7A #B66A2D

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

#DBAC7A - #B66A2D | 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 #DBAC7A as 0% and #B66A2D as 100%.

0.0%	0.0% #DBAC7A	RGB 219 172 122	#DBAC7A
16.7%	16.7% #D4A16D	RGB 212 161 109	#D4A16D
33.3%	33.3% #CE9660	RGB 206 150 96	#CE9660
50.0%	50.0% #C88B53	RGB 200 139 83	#C88B53
66.7%	66.7% #C28046	RGB 194 128 70	#C28046
83.3%	83.3% #BC7539	RGB 188 117 57	#BC7539
100.0%	100.0% #B66A2D	RGB 182 106 45	#B66A2D

#DBAC7A #D4A16D #CE9660 #C88B53 #C28046 #BC7539 #B66A2D

#DBAC7A - #B66A2D

HSV Blend

#DBAC7A - #B66A2D | 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 #DBAC7A as 0% and #B66A2D as 100%.

0.0%	0.0% #DBAC7A	RGB 219 172 122	#DBAC7A
16.7%	16.7% #D4A06B	RGB 212 160 107	#D4A06B
33.3%	33.3% #CE955D	RGB 206 149 93	#CE955D
50.0%	50.0% #C88A50	RGB 200 138 80	#C88A50
66.7%	66.7% #C27F44	RGB 194 127 68	#C27F44
83.3%	83.3% #BC7438	RGB 188 116 56	#BC7438
100.0%	100.0% #B66A2D	RGB 182 106 45	#B66A2D

#DBAC7A #D4A06B #CE955D #C88A50 #C27F44 #BC7438 #B66A2D

#DBAC7A - #C88A50 - #B66A2D

CSS codes

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

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