#DFBF8F - #C1803B | 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 #DFBF8F to #C1803B

#DFBF8F #C1803B

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

#DFBF8F - #C1803B | 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 #DFBF8F as 0% and #C1803B as 100%.

0.0%	0.0% #DFBF8F	RGB 223 191 143	#DFBF8F
16.7%	16.7% #DAB481	RGB 218 180 129	#DAB481
33.3%	33.3% #D5AA73	RGB 213 170 115	#D5AA73
50.0%	50.0% #D09F65	RGB 208 159 101	#D09F65
66.7%	66.7% #CB9557	RGB 203 149 87	#CB9557
83.3%	83.3% #C68A49	RGB 198 138 73	#C68A49
100.0%	100.0% #C1803B	RGB 193 128 59	#C1803B

#DFBF8F #DAB481 #D5AA73 #D09F65 #CB9557 #C68A49 #C1803B

#DFBF8F - #C1803B

HSV Blend

#DFBF8F - #C1803B | 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 #DFBF8F as 0% and #C1803B as 100%.

0.0%	0.0% #DFBF8F	RGB 223 191 143	#DFBF8F
16.7%	16.7% #DAB47F	RGB 218 180 127	#DAB47F
33.3%	33.3% #D5AA70	RGB 213 170 112	#D5AA70
50.0%	50.0% #D09F62	RGB 208 159 98	#D09F62
66.7%	66.7% #CB9454	RGB 203 148 84	#CB9454
83.3%	83.3% #C68A47	RGB 198 138 71	#C68A47
100.0%	100.0% #C1803B	RGB 193 128 59	#C1803B

#DFBF8F #DAB47F #D5AA70 #D09F62 #CB9454 #C68A47 #C1803B

#DFBF8F - #D09F62 - #C1803B

CSS codes

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

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