#9D9D9F - #DEDAAC | 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 #9D9D9F to #DEDAAC

#9D9D9F #DEDAAC

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

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

0.0%	0.0% #9D9D9F	RGB 157 157 159	#9D9D9F
16.7%	16.7% #A7A7A1	RGB 167 167 161	#A7A7A1
33.3%	33.3% #B2B1A3	RGB 178 177 163	#B2B1A3
50.0%	50.0% #BDBBA5	RGB 189 187 165	#BDBBA5
66.7%	66.7% #C8C5A7	RGB 200 197 167	#C8C5A7
83.3%	83.3% #D3CFA9	RGB 211 207 169	#D3CFA9
100.0%	100.0% #DEDAAC	RGB 222 218 172	#DEDAAC

#9D9D9F #A7A7A1 #B2B1A3 #BDBBA5 #C8C5A7 #D3CFA9 #DEDAAC

#9D9D9F - #DEDAAC

HSV Blend

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

0.0%	0.0% #9D9D9F	RGB 157 157 159	#9D9D9F
16.7%	16.7% #A5A1A9	RGB 165 161 169	#A5A1A9
33.3%	33.3% #B3A4B4	RGB 179 164 180	#B3A4B4
50.0%	50.0% #BEA7B4	RGB 190 167 180	#BEA7B4
66.7%	66.7% #C9A9AB	RGB 201 169 171	#C9A9AB
83.3%	83.3% #D3BCAB	RGB 211 188 171	#D3BCAB
100.0%	100.0% #DEDAAC	RGB 222 218 172	#DEDAAC

#9D9D9F #A5A1A9 #B3A4B4 #BEA7B4 #C9A9AB #D3BCAB #DEDAAC

#9D9D9F - #BEA7B4 - #DEDAAC

CSS codes

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

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