#DBDAC8 - #9F8868 | 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 #DBDAC8 to #9F8868

#DBDAC8 #9F8868

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

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

0.0%	0.0% #DBDAC8	RGB 219 218 200	#DBDAC8
16.7%	16.7% #D1CCB8	RGB 209 204 184	#D1CCB8
33.3%	33.3% #C7BEA8	RGB 199 190 168	#C7BEA8
50.0%	50.0% #BDB198	RGB 189 177 152	#BDB198
66.7%	66.7% #B3A388	RGB 179 163 136	#B3A388
83.3%	83.3% #A99578	RGB 169 149 120	#A99578
100.0%	100.0% #9F8868	RGB 159 136 104	#9F8868

#DBDAC8 #D1CCB8 #C7BEA8 #BDB198 #B3A388 #A99578 #9F8868

#DBDAC8 - #9F8868

HSV Blend

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

0.0%	0.0% #DBDAC8	RGB 219 218 200	#DBDAC8
16.7%	16.7% #D1CDB5	RGB 209 205 181	#D1CDB5
33.3%	33.3% #C7C0A4	RGB 199 192 164	#C7C0A4
50.0%	50.0% #BDB394	RGB 189 179 148	#BDB394
66.7%	66.7% #B3A584	RGB 179 165 132	#B3A584
83.3%	83.3% #A99675	RGB 169 150 117	#A99675
100.0%	100.0% #9F8868	RGB 159 136 104	#9F8868

#DBDAC8 #D1CDB5 #C7C0A4 #BDB394 #B3A584 #A99675 #9F8868

#DBDAC8 - #BDB394 - #9F8868

CSS codes

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

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