#DFBB7B - #B5912E | 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 #DFBB7B to #B5912E

#DFBB7B #B5912E

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

#DFBB7B - #B5912E | 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 #DFBB7B as 0% and #B5912E as 100%.

0.0%	0.0% #DFBB7B	RGB 223 187 123	#DFBB7B
16.7%	16.7% #D8B46E	RGB 216 180 110	#D8B46E
33.3%	33.3% #D1AD61	RGB 209 173 97	#D1AD61
50.0%	50.0% #CAA654	RGB 202 166 84	#CAA654
66.7%	66.7% #C39F47	RGB 195 159 71	#C39F47
83.3%	83.3% #BC983A	RGB 188 152 58	#BC983A
100.0%	100.0% #B5912E	RGB 181 145 46	#B5912E

#DFBB7B #D8B46E #D1AD61 #CAA654 #C39F47 #BC983A #B5912E

#DFBB7B - #B5912E

HSV Blend

#DFBB7B - #B5912E | 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 #DFBB7B as 0% and #B5912E as 100%.

0.0%	0.0% #DFBB7B	RGB 223 187 123	#DFBB7B
16.7%	16.7% #D8B26C	RGB 216 178 108	#D8B26C
33.3%	33.3% #D1AB5E	RGB 209 171 94	#D1AB5E
50.0%	50.0% #CAA451	RGB 202 164 81	#CAA451
66.7%	66.7% #C39D44	RGB 195 157 68	#C39D44
83.3%	83.3% #BC9739	RGB 188 151 57	#BC9739
100.0%	100.0% #B5912E	RGB 181 145 46	#B5912E

#DFBB7B #D8B26C #D1AB5E #CAA451 #C39D44 #BC9739 #B5912E

#DFBB7B - #CAA451 - #B5912E

CSS codes

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

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