#DBDBBB - #A09C5E | 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 #DBDBBB to #A09C5E

#DBDBBB #A09C5E

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

#DBDBBB - #A09C5E | 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 #DBDBBB as 0% and #A09C5E as 100%.

0.0%	0.0% #DBDBBB	RGB 219 219 187	#DBDBBB
16.7%	16.7% #D1D0AB	RGB 209 208 171	#D1D0AB
33.3%	33.3% #C7C69C	RGB 199 198 156	#C7C69C
50.0%	50.0% #BDBB8C	RGB 189 187 140	#BDBB8C
66.7%	66.7% #B3B17D	RGB 179 177 125	#B3B17D
83.3%	83.3% #A9A66D	RGB 169 166 109	#A9A66D
100.0%	100.0% #A09C5E	RGB 160 156 94	#A09C5E

#DBDBBB #D1D0AB #C7C69C #BDBB8C #B3B17D #A9A66D #A09C5E

#DBDBBB - #A09C5E

HSV Blend

#DBDBBB - #A09C5E | 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 #DBDBBB as 0% and #A09C5E as 100%.

0.0%	0.0% #DBDBBB	RGB 219 219 187	#DBDBBB
16.7%	16.7% #D1D0A9	RGB 209 208 169	#D1D0A9
33.3%	33.3% #C7C698	RGB 199 198 152	#C7C698
50.0%	50.0% #BDBB88	RGB 189 187 136	#BDBB88
66.7%	66.7% #B3B179	RGB 179 177 121	#B3B179
83.3%	83.3% #A9A66B	RGB 169 166 107	#A9A66B
100.0%	100.0% #A09C5E	RGB 160 156 94	#A09C5E

#DBDBBB #D1D0A9 #C7C698 #BDBB88 #B3B179 #A9A66B #A09C5E

#DBDBBB - #BDBB88 - #A09C5E

CSS codes

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

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