#DFBF7E - #BF822E | 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 #DFBF7E to #BF822E

#DFBF7E #BF822E

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

#DFBF7E - #BF822E | 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 #DFBF7E as 0% and #BF822E as 100%.

0.0%	0.0% #DFBF7E	RGB 223 191 126	#DFBF7E
16.7%	16.7% #D9B470	RGB 217 180 112	#D9B470
33.3%	33.3% #D4AA63	RGB 212 170 99	#D4AA63
50.0%	50.0% #CFA056	RGB 207 160 86	#CFA056
66.7%	66.7% #C99648	RGB 201 150 72	#C99648
83.3%	83.3% #C48C3B	RGB 196 140 59	#C48C3B
100.0%	100.0% #BF822E	RGB 191 130 46	#BF822E

#DFBF7E #D9B470 #D4AA63 #CFA056 #C99648 #C48C3B #BF822E

#DFBF7E - #BF822E

HSV Blend

#DFBF7E - #BF822E | 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 #DFBF7E as 0% and #BF822E as 100%.

0.0%	0.0% #DFBF7E	RGB 223 191 126	#DFBF7E
16.7%	16.7% #D9B46F	RGB 217 180 111	#D9B46F
33.3%	33.3% #D4AA61	RGB 212 170 97	#D4AA61
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% #BF822E	RGB 191 130 46	#BF822E

#DFBF7E #D9B46F #D4AA61 #CFA053 #C99646 #C48C39 #BF822E

#DFBF7E - #CFA053 - #BF822E

CSS codes

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

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