#DAA292 - #AD613E | 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 #DAA292 to #AD613E

#DAA292 #AD613E

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

#DAA292 - #AD613E | 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 #DAA292 as 0% and #AD613E as 100%.

0.0%	0.0% #DAA292	RGB 218 162 146	#DAA292
16.7%	16.7% #D29784	RGB 210 151 132	#D29784
33.3%	33.3% #CB8C76	RGB 203 140 118	#CB8C76
50.0%	50.0% #C38168	RGB 195 129 104	#C38168
66.7%	66.7% #BC765A	RGB 188 118 90	#BC765A
83.3%	83.3% #B46B4C	RGB 180 107 76	#B46B4C
100.0%	100.0% #AD613E	RGB 173 97 62	#AD613E

#DAA292 #D29784 #CB8C76 #C38168 #BC765A #B46B4C #AD613E

#DAA292 - #AD613E

HSV Blend

#DAA292 - #AD613E | 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 #DAA292 as 0% and #AD613E as 100%.

0.0%	0.0% #DAA292	RGB 218 162 146	#DAA292
16.7%	16.7% #D29582	RGB 210 149 130	#D29582
33.3%	33.3% #CB8972	RGB 203 137 114	#CB8972
50.0%	50.0% #C37E64	RGB 195 126 100	#C37E64
66.7%	66.7% #BC7356	RGB 188 115 86	#BC7356
83.3%	83.3% #B4694A	RGB 180 105 74	#B4694A
100.0%	100.0% #AD613E	RGB 173 97 62	#AD613E

#DAA292 #D29582 #CB8972 #C37E64 #BC7356 #B4694A #AD613E

#DAA292 - #C37E64 - #AD613E

CSS codes

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

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