#918461 - #DFDBD1 | 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 #918461 to #DFDBD1

#918461 #DFDBD1

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

#918461 - #DFDBD1 | 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 #918461 as 0% and #DFDBD1 as 100%.

0.0%	0.0% #918461	RGB 145 132 97	#918461
16.7%	16.7% #9E9273	RGB 158 146 115	#9E9273
33.3%	33.3% #ABA186	RGB 171 161 134	#ABA186
50.0%	50.0% #B8AF99	RGB 184 175 153	#B8AF99
66.7%	66.7% #C5BEAB	RGB 197 190 171	#C5BEAB
83.3%	83.3% #D2CCBE	RGB 210 204 190	#D2CCBE
100.0%	100.0% #DFDBD1	RGB 223 219 209	#DFDBD1

#918461 #9E9273 #ABA186 #B8AF99 #C5BEAB #D2CCBE #DFDBD1

#918461 - #DFDBD1

HSV Blend

#918461 - #DFDBD1 | 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 #918461 as 0% and #DFDBD1 as 100%.

0.0%	0.0% #918461	RGB 145 132 97	#918461
16.7%	16.7% #9E9170	RGB 158 145 112	#9E9170
33.3%	33.3% #AB9F81	RGB 171 159 129	#AB9F81
50.0%	50.0% #B8AD93	RGB 184 173 147	#B8AD93
66.7%	66.7% #C5BCA7	RGB 197 188 167	#C5BCA7
83.3%	83.3% #D2CBBB	RGB 210 203 187	#D2CBBB
100.0%	100.0% #DFDBD1	RGB 223 219 209	#DFDBD1

#918461 #9E9170 #AB9F81 #B8AD93 #C5BCA7 #D2CBBB #DFDBD1

#918461 - #B8AD93 - #DFDBD1

CSS codes

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

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