#C58B3C - #DFB596 | 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 #C58B3C to #DFB596

#C58B3C #DFB596

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

#C58B3C - #DFB596 | 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 #C58B3C as 0% and #DFB596 as 100%.

0.0%	0.0% #C58B3C	RGB 197 139 60	#C58B3C
16.7%	16.7% #C9924B	RGB 201 146 75	#C9924B
33.3%	33.3% #CD995A	RGB 205 153 90	#CD995A
50.0%	50.0% #D2A069	RGB 210 160 105	#D2A069
66.7%	66.7% #D6A778	RGB 214 167 120	#D6A778
83.3%	83.3% #DAAE87	RGB 218 174 135	#DAAE87
100.0%	100.0% #DFB596	RGB 223 181 150	#DFB596

#C58B3C #C9924B #CD995A #D2A069 #D6A778 #DAAE87 #DFB596

#C58B3C - #DFB596

HSV Blend

#C58B3C - #DFB596 | 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 #C58B3C as 0% and #DFB596 as 100%.

0.0%	0.0% #C58B3C	RGB 197 139 60	#C58B3C
16.7%	16.7% #C99049	RGB 201 144 73	#C99049
33.3%	33.3% #CD9557	RGB 205 149 87	#CD9557
50.0%	50.0% #D29C66	RGB 210 156 102	#D29C66
66.7%	66.7% #D6A375	RGB 214 163 117	#D6A375
83.3%	83.3% #DAAB85	RGB 218 171 133	#DAAB85
100.0%	100.0% #DFB596	RGB 223 181 150	#DFB596

#C58B3C #C99049 #CD9557 #D29C66 #D6A375 #DAAB85 #DFB596

#C58B3C - #D29C66 - #DFB596

CSS codes

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

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