#DBDCB5 - #A2AC5F | 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 #DBDCB5 to #A2AC5F

#DBDCB5 #A2AC5F

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

#DBDCB5 - #A2AC5F | 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 #DBDCB5 as 0% and #A2AC5F as 100%.

0.0%	0.0% #DBDCB5	RGB 219 220 181	#DBDCB5
16.7%	16.7% #D1D4A6	RGB 209 212 166	#D1D4A6
33.3%	33.3% #C8CC98	RGB 200 204 152	#C8CC98
50.0%	50.0% #BEC48A	RGB 190 196 138	#BEC48A
66.7%	66.7% #B5BC7B	RGB 181 188 123	#B5BC7B
83.3%	83.3% #ABB46D	RGB 171 180 109	#ABB46D
100.0%	100.0% #A2AC5F	RGB 162 172 95	#A2AC5F

#DBDCB5 #D1D4A6 #C8CC98 #BEC48A #B5BC7B #ABB46D #A2AC5F

#DBDCB5 - #A2AC5F

HSV Blend

#DBDCB5 - #A2AC5F | 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 #DBDCB5 as 0% and #A2AC5F as 100%.

0.0%	0.0% #DBDCB5	RGB 219 220 181	#DBDCB5
16.7%	16.7% #D1D4A4	RGB 209 212 164	#D1D4A4
33.3%	33.3% #C8CC95	RGB 200 204 149	#C8CC95
50.0%	50.0% #BFC486	RGB 191 196 134	#BFC486
66.7%	66.7% #B5BC78	RGB 181 188 120	#B5BC78
83.3%	83.3% #ABB46B	RGB 171 180 107	#ABB46B
100.0%	100.0% #A2AC5F	RGB 162 172 95	#A2AC5F

#DBDCB5 #D1D4A4 #C8CC95 #BFC486 #B5BC78 #ABB46B #A2AC5F

#DBDCB5 - #BFC486 - #A2AC5F

CSS codes

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

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