#DAAA92 - #BA5C3E | 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 #DAAA92 to #BA5C3E

#DAAA92 #BA5C3E

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

#DAAA92 - #BA5C3E | 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 #DAAA92 as 0% and #BA5C3E as 100%.

0.0%	0.0% #DAAA92	RGB 218 170 146	#DAAA92
16.7%	16.7% #D49D84	RGB 212 157 132	#D49D84
33.3%	33.3% #CF9076	RGB 207 144 118	#CF9076
50.0%	50.0% #CA8368	RGB 202 131 104	#CA8368
66.7%	66.7% #C4765A	RGB 196 118 90	#C4765A
83.3%	83.3% #BF694C	RGB 191 105 76	#BF694C
100.0%	100.0% #BA5C3E	RGB 186 92 62	#BA5C3E

#DAAA92 #D49D84 #CF9076 #CA8368 #C4765A #BF694C #BA5C3E

#DAAA92 - #BA5C3E

HSV Blend

#DAAA92 - #BA5C3E | 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 #DAAA92 as 0% and #BA5C3E as 100%.

0.0%	0.0% #DAAA92	RGB 218 170 146	#DAAA92
16.7%	16.7% #D49C82	RGB 212 156 130	#D49C82
33.3%	33.3% #CF8F73	RGB 207 143 115	#CF8F73
50.0%	50.0% #CA8265	RGB 202 130 101	#CA8265
66.7%	66.7% #C47557	RGB 196 117 87	#C47557
83.3%	83.3% #BF684A	RGB 191 104 74	#BF684A
100.0%	100.0% #BA5C3E	RGB 186 92 62	#BA5C3E

#DAAA92 #D49C82 #CF8F73 #CA8265 #C47557 #BF684A #BA5C3E

#DAAA92 - #CA8265 - #BA5C3E

CSS codes

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

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