#DAA887 - #BC6135 | 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 #DAA887 to #BC6135

#DAA887 #BC6135

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

#DAA887 - #BC6135 | 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 #DAA887 as 0% and #BC6135 as 100%.

0.0%	0.0% #DAA887	RGB 218 168 135	#DAA887
16.7%	16.7% #D59C79	RGB 213 156 121	#D59C79
33.3%	33.3% #D0906B	RGB 208 144 107	#D0906B
50.0%	50.0% #CB845E	RGB 203 132 94	#CB845E
66.7%	66.7% #C67850	RGB 198 120 80	#C67850
83.3%	83.3% #C16C42	RGB 193 108 66	#C16C42
100.0%	100.0% #BC6135	RGB 188 97 53	#BC6135

#DAA887 #D59C79 #D0906B #CB845E #C67850 #C16C42 #BC6135

#DAA887 - #BC6135

HSV Blend

#DAA887 - #BC6135 | 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 #DAA887 as 0% and #BC6135 as 100%.

0.0%	0.0% #DAA887	RGB 218 168 135	#DAA887
16.7%	16.7% #D59B77	RGB 213 155 119	#D59B77
33.3%	33.3% #D08F69	RGB 208 143 105	#D08F69
50.0%	50.0% #CB835B	RGB 203 131 91	#CB835B
66.7%	66.7% #C6784E	RGB 198 120 78	#C6784E
83.3%	83.3% #C16C41	RGB 193 108 65	#C16C41
100.0%	100.0% #BC6135	RGB 188 97 53	#BC6135

#DAA887 #D59B77 #D08F69 #CB835B #C6784E #C16C41 #BC6135

#DAA887 - #CB835B - #BC6135

CSS codes

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

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