#6B5752 - #DFBA70 | 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 #6B5752 to #DFBA70

#6B5752 #DFBA70

Calculate the color between two colors, #6B5752 and #DFBA70. 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)

#6B5752 - #DFBA70 | 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 #6B5752 as 0% and #DFBA70 as 100%.

0.0%	0.0% #6B5752	RGB 107 87 82	#6B5752
16.7%	16.7% #7E6757	RGB 126 103 87	#7E6757
33.3%	33.3% #91785C	RGB 145 120 92	#91785C
50.0%	50.0% #A58861	RGB 165 136 97	#A58861
66.7%	66.7% #B89966	RGB 184 153 102	#B89966
83.3%	83.3% #CBA96B	RGB 203 169 107	#CBA96B
100.0%	100.0% #DFBA70	RGB 223 186 112	#DFBA70

#6B5752 #7E6757 #91785C #A58861 #B89966 #CBA96B #DFBA70

#6B5752 - #DFBA70

HSV Blend

#6B5752 - #DFBA70 | 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 #6B5752 as 0% and #DFBA70 as 100%.

0.0%	0.0% #6B5752	RGB 107 87 82	#6B5752
16.7%	16.7% #7E645B	RGB 126 100 91	#7E645B
33.3%	33.3% #917362	RGB 145 115 98	#917362
50.0%	50.0% #A58268	RGB 165 130 104	#A58268
66.7%	66.7% #B8936C	RGB 184 147 108	#B8936C
83.3%	83.3% #CBA56F	RGB 203 165 111	#CBA56F
100.0%	100.0% #DFBA70	RGB 223 186 112	#DFBA70

#6B5752 #7E645B #917362 #A58268 #B8936C #CBA56F #DFBA70

#6B5752 - #A58268 - #DFBA70

CSS codes

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

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