#DBB97E - #BA7A2E | 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 #DBB97E to #BA7A2E

#DBB97E #BA7A2E

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

#DBB97E - #BA7A2E | 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 #DBB97E as 0% and #BA7A2E as 100%.

0.0%	0.0% #DBB97E	RGB 219 185 126	#DBB97E
16.7%	16.7% #D5AE70	RGB 213 174 112	#D5AE70
33.3%	33.3% #D0A463	RGB 208 164 99	#D0A463
50.0%	50.0% #CA9956	RGB 202 153 86	#CA9956
66.7%	66.7% #C58F48	RGB 197 143 72	#C58F48
83.3%	83.3% #BF843B	RGB 191 132 59	#BF843B
100.0%	100.0% #BA7A2E	RGB 186 122 46	#BA7A2E

#DBB97E #D5AE70 #D0A463 #CA9956 #C58F48 #BF843B #BA7A2E

#DBB97E - #BA7A2E

HSV Blend

#DBB97E - #BA7A2E | 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 #DBB97E as 0% and #BA7A2E as 100%.

0.0%	0.0% #DBB97E	RGB 219 185 126	#DBB97E
16.7%	16.7% #D5AE6F	RGB 213 174 111	#D5AE6F
33.3%	33.3% #D0A460	RGB 208 164 96	#D0A460
50.0%	50.0% #CA9953	RGB 202 153 83	#CA9953
66.7%	66.7% #C58E46	RGB 197 142 70	#C58E46
83.3%	83.3% #BF8439	RGB 191 132 57	#BF8439
100.0%	100.0% #BA7A2E	RGB 186 122 46	#BA7A2E

#DBB97E #D5AE6F #D0A460 #CA9953 #C58E46 #BF8439 #BA7A2E

#DBB97E - #CA9953 - #BA7A2E

CSS codes

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

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