#DBBA7E - #9A792B | 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 #DBBA7E to #9A792B

#DBBA7E #9A792B

Calculate the color between two colors, #DBBA7E and #9A792B. 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)

#DBBA7E - #9A792B | 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 #DBBA7E as 0% and #9A792B as 100%.

0.0%	0.0% #DBBA7E	RGB 219 186 126	#DBBA7E
16.7%	16.7% #D0AF70	RGB 208 175 112	#D0AF70
33.3%	33.3% #C5A462	RGB 197 164 98	#C5A462
50.0%	50.0% #BA9954	RGB 186 153 84	#BA9954
66.7%	66.7% #AF8E46	RGB 175 142 70	#AF8E46
83.3%	83.3% #A48338	RGB 164 131 56	#A48338
100.0%	100.0% #9A792B	RGB 154 121 43	#9A792B

#DBBA7E #D0AF70 #C5A462 #BA9954 #AF8E46 #A48338 #9A792B

#DBBA7E - #9A792B

HSV Blend

#DBBA7E - #9A792B | 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 #DBBA7E as 0% and #9A792B as 100%.

0.0%	0.0% #DBBA7E	RGB 219 186 126	#DBBA7E
16.7%	16.7% #D0AE6D	RGB 208 174 109	#D0AE6D
33.3%	33.3% #C5A25E	RGB 197 162 94	#C5A25E
50.0%	50.0% #BA974F	RGB 186 151 79	#BA974F
66.7%	66.7% #AF8D42	RGB 175 141 66	#AF8D42
83.3%	83.3% #A48236	RGB 164 130 54	#A48236
100.0%	100.0% #9A792B	RGB 154 121 43	#9A792B

#DBBA7E #D0AE6D #C5A25E #BA974F #AF8D42 #A48236 #9A792B

#DBBA7E - #BA974F - #9A792B

CSS codes

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

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