#9E9E9F - #DFCCAC | 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 #9E9E9F to #DFCCAC

#9E9E9F #DFCCAC

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

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

0.0%	0.0% #9E9E9F	RGB 158 158 159	#9E9E9F
16.7%	16.7% #A8A5A1	RGB 168 165 161	#A8A5A1
33.3%	33.3% #B3ADA3	RGB 179 173 163	#B3ADA3
50.0%	50.0% #BEB5A5	RGB 190 181 165	#BEB5A5
66.7%	66.7% #C9BCA7	RGB 201 188 167	#C9BCA7
83.3%	83.3% #D4C4A9	RGB 212 196 169	#D4C4A9
100.0%	100.0% #DFCCAC	RGB 223 204 172	#DFCCAC

#9E9E9F #A8A5A1 #B3ADA3 #BEB5A5 #C9BCA7 #D4C4A9 #DFCCAC

#9E9E9F - #DFCCAC

HSV Blend

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

0.0%	0.0% #9E9E9F	RGB 158 158 159	#9E9E9F
16.7%	16.7% #A5A2A9	RGB 165 162 169	#A5A2A9
33.3%	33.3% #B2A5B4	RGB 178 165 180	#B2A5B4
50.0%	50.0% #BFA8B7	RGB 191 168 183	#BFA8B7
66.7%	66.7% #C9AAB2	RGB 201 170 178	#C9AAB2
83.3%	83.3% #D4B3AB	RGB 212 179 171	#D4B3AB
100.0%	100.0% #DFCCAC	RGB 223 204 172	#DFCCAC

#9E9E9F #A5A2A9 #B2A5B4 #BFA8B7 #C9AAB2 #D4B3AB #DFCCAC

#9E9E9F - #BFA8B7 - #DFCCAC

CSS codes

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

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