#DABB8C - #B58F3C | 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 #DABB8C to #B58F3C

#DABB8C #B58F3C

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

#DABB8C - #B58F3C | 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 #DABB8C as 0% and #B58F3C as 100%.

0.0%	0.0% #DABB8C	RGB 218 187 140	#DABB8C
16.7%	16.7% #D3B37E	RGB 211 179 126	#D3B37E
33.3%	33.3% #CDAC71	RGB 205 172 113	#CDAC71
50.0%	50.0% #C7A564	RGB 199 165 100	#C7A564
66.7%	66.7% #C19D56	RGB 193 157 86	#C19D56
83.3%	83.3% #BB9649	RGB 187 150 73	#BB9649
100.0%	100.0% #B58F3C	RGB 181 143 60	#B58F3C

#DABB8C #D3B37E #CDAC71 #C7A564 #C19D56 #BB9649 #B58F3C

#DABB8C - #B58F3C

HSV Blend

#DABB8C - #B58F3C | 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 #DABB8C as 0% and #B58F3C as 100%.

0.0%	0.0% #DABB8C	RGB 218 187 140	#DABB8C
16.7%	16.7% #D3B27D	RGB 211 178 125	#D3B27D
33.3%	33.3% #CDAA6E	RGB 205 170 110	#CDAA6E
50.0%	50.0% #C7A361	RGB 199 163 97	#C7A361
66.7%	66.7% #C19B54	RGB 193 155 84	#C19B54
83.3%	83.3% #BB9547	RGB 187 149 71	#BB9547
100.0%	100.0% #B58F3C	RGB 181 143 60	#B58F3C

#DABB8C #D3B27D #CDAA6E #C7A361 #C19B54 #BB9547 #B58F3C

#DABB8C - #C7A361 - #B58F3C

CSS codes

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

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