#DBDAD5 - #9F8C7E | 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 #DBDAD5 to #9F8C7E

#DBDAD5 #9F8C7E

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

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

0.0%	0.0% #DBDAD5	RGB 219 218 213	#DBDAD5
16.7%	16.7% #D1CDC6	RGB 209 205 198	#D1CDC6
33.3%	33.3% #C7C0B8	RGB 199 192 184	#C7C0B8
50.0%	50.0% #BDB3A9	RGB 189 179 169	#BDB3A9
66.7%	66.7% #B3A69B	RGB 179 166 155	#B3A69B
83.3%	83.3% #A9998C	RGB 169 153 140	#A9998C
100.0%	100.0% #9F8C7E	RGB 159 140 126	#9F8C7E

#DBDAD5 #D1CDC6 #C7C0B8 #BDB3A9 #B3A69B #A9998C #9F8C7E

#DBDAD5 - #9F8C7E

HSV Blend

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

0.0%	0.0% #DBDAD5	RGB 219 218 213	#DBDAD5
16.7%	16.7% #D1CEC4	RGB 209 206 196	#D1CEC4
33.3%	33.3% #C7C1B5	RGB 199 193 181	#C7C1B5
50.0%	50.0% #BDB4A6	RGB 189 180 166	#BDB4A6
66.7%	66.7% #B3A798	RGB 179 167 152	#B3A798
83.3%	83.3% #A9998A	RGB 169 153 138	#A9998A
100.0%	100.0% #9F8C7E	RGB 159 140 126	#9F8C7E

#DBDAD5 #D1CEC4 #C7C1B5 #BDB4A6 #B3A798 #A9998A #9F8C7E

#DBDAD5 - #BDB4A6 - #9F8C7E

CSS codes

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

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