#DBDCB7 - #A2AB62 | 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 #DBDCB7 to #A2AB62

#DBDCB7 #A2AB62

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

#DBDCB7 - #A2AB62 | 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 #DBDCB7 as 0% and #A2AB62 as 100%.

0.0%	0.0% #DBDCB7	RGB 219 220 183	#DBDCB7
16.7%	16.7% #D1D3A8	RGB 209 211 168	#D1D3A8
33.3%	33.3% #C8CB9A	RGB 200 203 154	#C8CB9A
50.0%	50.0% #BEC38C	RGB 190 195 140	#BEC38C
66.7%	66.7% #B5BB7E	RGB 181 187 126	#B5BB7E
83.3%	83.3% #ABB370	RGB 171 179 112	#ABB370
100.0%	100.0% #A2AB62	RGB 162 171 98	#A2AB62

#DBDCB7 #D1D3A8 #C8CB9A #BEC38C #B5BB7E #ABB370 #A2AB62

#DBDCB7 - #A2AB62

HSV Blend

#DBDCB7 - #A2AB62 | 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 #DBDCB7 as 0% and #A2AB62 as 100%.

0.0%	0.0% #DBDCB7	RGB 219 220 183	#DBDCB7
16.7%	16.7% #D1D3A7	RGB 209 211 167	#D1D3A7
33.3%	33.3% #C8CB97	RGB 200 203 151	#C8CB97
50.0%	50.0% #BFC389	RGB 191 195 137	#BFC389
66.7%	66.7% #B5BB7B	RGB 181 187 123	#B5BB7B
83.3%	83.3% #ABB36E	RGB 171 179 110	#ABB36E
100.0%	100.0% #A2AB62	RGB 162 171 98	#A2AB62

#DBDCB7 #D1D3A7 #C8CB97 #BFC389 #B5BB7B #ABB36E #A2AB62

#DBDCB7 - #BFC389 - #A2AB62

CSS codes

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

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