#DBBD7E - #BA802E | 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 #DBBD7E to #BA802E

#DBBD7E #BA802E

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

#DBBD7E - #BA802E | 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 #DBBD7E as 0% and #BA802E as 100%.

0.0%	0.0% #DBBD7E	RGB 219 189 126	#DBBD7E
16.7%	16.7% #D5B270	RGB 213 178 112	#D5B270
33.3%	33.3% #D0A863	RGB 208 168 99	#D0A863
50.0%	50.0% #CA9E56	RGB 202 158 86	#CA9E56
66.7%	66.7% #C59448	RGB 197 148 72	#C59448
83.3%	83.3% #BF8A3B	RGB 191 138 59	#BF8A3B
100.0%	100.0% #BA802E	RGB 186 128 46	#BA802E

#DBBD7E #D5B270 #D0A863 #CA9E56 #C59448 #BF8A3B #BA802E

#DBBD7E - #BA802E

HSV Blend

#DBBD7E - #BA802E | 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 #DBBD7E as 0% and #BA802E as 100%.

0.0%	0.0% #DBBD7E	RGB 219 189 126	#DBBD7E
16.7%	16.7% #D5B26F	RGB 213 178 111	#D5B26F
33.3%	33.3% #D0A860	RGB 208 168 96	#D0A860
50.0%	50.0% #CA9E53	RGB 202 158 83	#CA9E53
66.7%	66.7% #C59446	RGB 197 148 70	#C59446
83.3%	83.3% #BF8A39	RGB 191 138 57	#BF8A39
100.0%	100.0% #BA802E	RGB 186 128 46	#BA802E

#DBBD7E #D5B26F #D0A860 #CA9E53 #C59446 #BF8A39 #BA802E

#DBBD7E - #CA9E53 - #BA802E

CSS codes

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

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