#DBDBC7 - #9F8866 | 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 #DBDBC7 to #9F8866

#DBDBC7 #9F8866

Calculate the color between two colors, #DBDBC7 and #9F8866. 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)

#DBDBC7 - #9F8866 | 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 #DBDBC7 as 0% and #9F8866 as 100%.

0.0%	0.0% #DBDBC7	RGB 219 219 199	#DBDBC7
16.7%	16.7% #D1CDB6	RGB 209 205 182	#D1CDB6
33.3%	33.3% #C7BFA6	RGB 199 191 166	#C7BFA6
50.0%	50.0% #BDB196	RGB 189 177 150	#BDB196
66.7%	66.7% #B3A386	RGB 179 163 134	#B3A386
83.3%	83.3% #A99576	RGB 169 149 118	#A99576
100.0%	100.0% #9F8866	RGB 159 136 102	#9F8866

#DBDBC7 #D1CDB6 #C7BFA6 #BDB196 #B3A386 #A99576 #9F8866

#DBDBC7 - #9F8866

HSV Blend

#DBDBC7 - #9F8866 | 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 #DBDBC7 as 0% and #9F8866 as 100%.

0.0%	0.0% #DBDBC7	RGB 219 219 199	#DBDBC7
16.7%	16.7% #D1CFB4	RGB 209 207 180	#D1CFB4
33.3%	33.3% #C7C2A3	RGB 199 194 163	#C7C2A3
50.0%	50.0% #BDB492	RGB 189 180 146	#BDB492
66.7%	66.7% #B3A682	RGB 179 166 130	#B3A682
83.3%	83.3% #A99773	RGB 169 151 115	#A99773
100.0%	100.0% #9F8866	RGB 159 136 102	#9F8866

#DBDBC7 #D1CFB4 #C7C2A3 #BDB492 #B3A682 #A99773 #9F8866

#DBDBC7 - #BDB492 - #9F8866

CSS codes

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

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