#908385 - #DFDBDB | 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 #908385 to #DFDBDB

#908385 #DFDBDB

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

#908385 - #DFDBDB | 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 #908385 as 0% and #DFDBDB as 100%.

0.0%	0.0% #908385	RGB 144 131 133	#908385
16.7%	16.7% #9D9193	RGB 157 145 147	#9D9193
33.3%	33.3% #AAA0A1	RGB 170 160 161	#AAA0A1
50.0%	50.0% #B7AFB0	RGB 183 175 176	#B7AFB0
66.7%	66.7% #C4BDBE	RGB 196 189 190	#C4BDBE
83.3%	83.3% #D1CCCC	RGB 209 204 204	#D1CCCC
100.0%	100.0% #DFDBDB	RGB 223 219 219	#DFDBDB

#908385 #9D9193 #AAA0A1 #B7AFB0 #C4BDBE #D1CCCC #DFDBDB

#908385 - #DFDBDB

HSV Blend

#908385 - #DFDBDB | 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 #908385 as 0% and #DFDBDB as 100%.

0.0%	0.0% #908385	RGB 144 131 133	#908385
16.7%	16.7% #9D9092	RGB 157 144 146	#9D9092
33.3%	33.3% #AA9FA0	RGB 170 159 160	#AA9FA0
50.0%	50.0% #B7ADAE	RGB 183 173 174	#B7ADAE
66.7%	66.7% #C4BCBC	RGB 196 188 188	#C4BCBC
83.3%	83.3% #D1CBCB	RGB 209 203 203	#D1CBCB
100.0%	100.0% #DFDBDB	RGB 223 219 219	#DFDBDB

#908385 #9D9092 #AA9FA0 #B7ADAE #C4BCBC #D1CBCB #DFDBDB

#908385 - #B7ADAE - #DFDBDB

CSS codes

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

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