#847F00 - #DBDAB6 | 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 #847F00 to #DBDAB6

#847F00 #DBDAB6

Calculate the color between two colors, #847F00 and #DBDAB6. 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)

#847F00 - #DBDAB6 | 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 #847F00 as 0% and #DBDAB6 as 100%.

0.0%	0.0% #847F00	RGB 132 127 0	#847F00
16.7%	16.7% #928E1E	RGB 146 142 30	#928E1E
33.3%	33.3% #A19D3C	RGB 161 157 60	#A19D3C
50.0%	50.0% #AFAC5B	RGB 175 172 91	#AFAC5B
66.7%	66.7% #BEBB79	RGB 190 187 121	#BEBB79
83.3%	83.3% #CCCA97	RGB 204 202 151	#CCCA97
100.0%	100.0% #DBDAB6	RGB 219 218 182	#DBDAB6

#847F00 #928E1E #A19D3C #AFAC5B #BEBB79 #CCCA97 #DBDAB6

#847F00 - #DBDAB6

HSV Blend

#847F00 - #DBDAB6 | 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 #847F00 as 0% and #DBDAB6 as 100%.

0.0%	0.0% #847F00	RGB 132 127 0	#847F00
16.7%	16.7% #928D14	RGB 146 141 20	#928D14
33.3%	33.3% #A19D2C	RGB 161 157 44	#A19D2C
50.0%	50.0% #AFAC48	RGB 175 172 72	#AFAC48
66.7%	66.7% #BEBB69	RGB 190 187 105	#BEBB69
83.3%	83.3% #CCCA8D	RGB 204 202 141	#CCCA8D
100.0%	100.0% #DBDAB6	RGB 219 218 182	#DBDAB6

#847F00 #928D14 #A19D2C #AFAC48 #BEBB69 #CCCA8D #DBDAB6

#847F00 - #AFAC48 - #DBDAB6

CSS codes

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

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