#80925C - #DBDFD0 | 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 #80925C to #DBDFD0

#80925C #DBDFD0

Calculate the color between two colors, #80925C and #DBDFD0. 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)

#80925C - #DBDFD0 | 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 #80925C as 0% and #DBDFD0 as 100%.

0.0%	0.0% #80925C	RGB 128 146 92	#80925C
16.7%	16.7% #8F9E6F	RGB 143 158 111	#8F9E6F
33.3%	33.3% #9EAB82	RGB 158 171 130	#9EAB82
50.0%	50.0% #ADB896	RGB 173 184 150	#ADB896
66.7%	66.7% #BCC5A9	RGB 188 197 169	#BCC5A9
83.3%	83.3% #CBD2BC	RGB 203 210 188	#CBD2BC
100.0%	100.0% #DBDFD0	RGB 219 223 208	#DBDFD0

#80925C #8F9E6F #9EAB82 #ADB896 #BCC5A9 #CBD2BC #DBDFD0

#80925C - #DBDFD0

HSV Blend

#80925C - #DBDFD0 | 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 #80925C as 0% and #DBDFD0 as 100%.

0.0%	0.0% #80925C	RGB 128 146 92	#80925C
16.7%	16.7% #8E9E6C	RGB 142 158 108	#8E9E6C
33.3%	33.3% #9DAB7D	RGB 157 171 125	#9DAB7D
50.0%	50.0% #ACB890	RGB 172 184 144	#ACB890
66.7%	66.7% #BBC5A4	RGB 187 197 164	#BBC5A4
83.3%	83.3% #CBD2B9	RGB 203 210 185	#CBD2B9
100.0%	100.0% #DBDFD0	RGB 219 223 208	#DBDFD0

#80925C #8E9E6C #9DAB7D #ACB890 #BBC5A4 #CBD2B9 #DBDFD0

#80925C - #ACB890 - #DBDFD0

CSS codes

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

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