#DFAC8D - #C26539 | 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 #DFAC8D to #C26539

#DFAC8D #C26539

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

#DFAC8D - #C26539 | 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 #DFAC8D as 0% and #C26539 as 100%.

0.0%	0.0% #DFAC8D	RGB 223 172 141	#DFAC8D
16.7%	16.7% #DAA07F	RGB 218 160 127	#DAA07F
33.3%	33.3% #D59471	RGB 213 148 113	#D59471
50.0%	50.0% #D08863	RGB 208 136 99	#D08863
66.7%	66.7% #CB7C55	RGB 203 124 85	#CB7C55
83.3%	83.3% #C67047	RGB 198 112 71	#C67047
100.0%	100.0% #C26539	RGB 194 101 57	#C26539

#DFAC8D #DAA07F #D59471 #D08863 #CB7C55 #C67047 #C26539

#DFAC8D - #C26539

HSV Blend

#DFAC8D - #C26539 | 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 #DFAC8D as 0% and #C26539 as 100%.

0.0%	0.0% #DFAC8D	RGB 223 172 141	#DFAC8D
16.7%	16.7% #DA9F7D	RGB 218 159 125	#DA9F7D
33.3%	33.3% #D5936E	RGB 213 147 110	#D5936E
50.0%	50.0% #D08760	RGB 208 135 96	#D08760
66.7%	66.7% #CB7B52	RGB 203 123 82	#CB7B52
83.3%	83.3% #C67045	RGB 198 112 69	#C67045
100.0%	100.0% #C26539	RGB 194 101 57	#C26539

#DFAC8D #DA9F7D #D5936E #D08760 #CB7B52 #C67045 #C26539

#DFAC8D - #D08760 - #C26539

CSS codes

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

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