#DAAA8F - #BD623B | 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 #DAAA8F to #BD623B

#DAAA8F #BD623B

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

#DAAA8F - #BD623B | 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 #DAAA8F as 0% and #BD623B as 100%.

0.0%	0.0% #DAAA8F	RGB 218 170 143	#DAAA8F
16.7%	16.7% #D59E81	RGB 213 158 129	#D59E81
33.3%	33.3% #D09273	RGB 208 146 115	#D09273
50.0%	50.0% #CB8665	RGB 203 134 101	#CB8665
66.7%	66.7% #C67A57	RGB 198 122 87	#C67A57
83.3%	83.3% #C16E49	RGB 193 110 73	#C16E49
100.0%	100.0% #BD623B	RGB 189 98 59	#BD623B

#DAAA8F #D59E81 #D09273 #CB8665 #C67A57 #C16E49 #BD623B

#DAAA8F - #BD623B

HSV Blend

#DAAA8F - #BD623B | 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 #DAAA8F as 0% and #BD623B as 100%.

0.0%	0.0% #DAAA8F	RGB 218 170 143	#DAAA8F
16.7%	16.7% #D59D7F	RGB 213 157 127	#D59D7F
33.3%	33.3% #D09170	RGB 208 145 112	#D09170
50.0%	50.0% #CB8562	RGB 203 133 98	#CB8562
66.7%	66.7% #C67954	RGB 198 121 84	#C67954
83.3%	83.3% #C16D47	RGB 193 109 71	#C16D47
100.0%	100.0% #BD623B	RGB 189 98 59	#BD623B

#DAAA8F #D59D7F #D09170 #CB8562 #C67954 #C16D47 #BD623B

#DAAA8F - #CB8562 - #BD623B

CSS codes

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

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