#DFBF7B - #BF822C | 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 #DFBF7B to #BF822C

#DFBF7B #BF822C

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

#DFBF7B - #BF822C | 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 #DFBF7B as 0% and #BF822C as 100%.

0.0%	0.0% #DFBF7B	RGB 223 191 123	#DFBF7B
16.7%	16.7% #D9B46D	RGB 217 180 109	#D9B46D
33.3%	33.3% #D4AA60	RGB 212 170 96	#D4AA60
50.0%	50.0% #CFA053	RGB 207 160 83	#CFA053
66.7%	66.7% #C99646	RGB 201 150 70	#C99646
83.3%	83.3% #C48C39	RGB 196 140 57	#C48C39
100.0%	100.0% #BF822C	RGB 191 130 44	#BF822C

#DFBF7B #D9B46D #D4AA60 #CFA053 #C99646 #C48C39 #BF822C

#DFBF7B - #BF822C

HSV Blend

#DFBF7B - #BF822C | 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 #DFBF7B as 0% and #BF822C as 100%.

0.0%	0.0% #DFBF7B	RGB 223 191 123	#DFBF7B
16.7%	16.7% #D9B46C	RGB 217 180 108	#D9B46C
33.3%	33.3% #D4AA5E	RGB 212 170 94	#D4AA5E
50.0%	50.0% #CFA050	RGB 207 160 80	#CFA050
66.7%	66.7% #C99644	RGB 201 150 68	#C99644
83.3%	83.3% #C48C37	RGB 196 140 55	#C48C37
100.0%	100.0% #BF822C	RGB 191 130 44	#BF822C

#DFBF7B #D9B46C #D4AA5E #CFA050 #C99644 #C48C37 #BF822C

#DFBF7B - #CFA050 - #BF822C

CSS codes

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

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