#DBD8D9 - #9F8D89 | 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 #DBD8D9 to #9F8D89

#DBD8D9 #9F8D89

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

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

0.0%	0.0% #DBD8D9	RGB 219 216 217	#DBD8D9
16.7%	16.7% #D1CBCB	RGB 209 203 203	#D1CBCB
33.3%	33.3% #C7BFBE	RGB 199 191 190	#C7BFBE
50.0%	50.0% #BDB2B1	RGB 189 178 177	#BDB2B1
66.7%	66.7% #B3A6A3	RGB 179 166 163	#B3A6A3
83.3%	83.3% #A99996	RGB 169 153 150	#A99996
100.0%	100.0% #9F8D89	RGB 159 141 137	#9F8D89

#DBD8D9 #D1CBCB #C7BFBE #BDB2B1 #B3A6A3 #A99996 #9F8D89

#DBD8D9 - #9F8D89

HSV Blend

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

0.0%	0.0% #DBD8D9	RGB 219 216 217	#DBD8D9
16.7%	16.7% #D1C9CB	RGB 209 201 203	#D1C9CB
33.3%	33.3% #C7BCBD	RGB 199 188 189	#C7BCBD
50.0%	50.0% #BDAEAF	RGB 189 174 175	#BDAEAF
66.7%	66.7% #B3A1A1	RGB 179 161 161	#B3A1A1
83.3%	83.3% #A99795	RGB 169 151 149	#A99795
100.0%	100.0% #9F8D89	RGB 159 141 137	#9F8D89

#DBD8D9 #D1C9CB #C7BCBD #BDAEAF #B3A1A1 #A99795 #9F8D89

#DBD8D9 - #BDAEAF - #9F8D89

CSS codes

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

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