#9F9EA3 - #DDD9AF | 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 #9F9EA3 to #DDD9AF

#9F9EA3 #DDD9AF

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

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

0.0%	0.0% #9F9EA3	RGB 159 158 163	#9F9EA3
16.7%	16.7% #A9A7A5	RGB 169 167 165	#A9A7A5
33.3%	33.3% #B3B1A7	RGB 179 177 167	#B3B1A7
50.0%	50.0% #BEBBA9	RGB 190 187 169	#BEBBA9
66.7%	66.7% #C8C5AB	RGB 200 197 171	#C8C5AB
83.3%	83.3% #D2CFAD	RGB 210 207 173	#D2CFAD
100.0%	100.0% #DDD9AF	RGB 221 217 175	#DDD9AF

#9F9EA3 #A9A7A5 #B3B1A7 #BEBBA9 #C8C5AB #D2CFAD #DDD9AF

#9F9EA3 - #DDD9AF

HSV Blend

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

0.0%	0.0% #9F9EA3	RGB 159 158 163	#9F9EA3
16.7%	16.7% #A9A2AC	RGB 169 162 172	#A9A2AC
33.3%	33.3% #B6A5B4	RGB 182 165 180	#B6A5B4
50.0%	50.0% #C0A9B3	RGB 192 169 179	#C0A9B3
66.7%	66.7% #C9ABAB	RGB 201 171 171	#C9ABAB
83.3%	83.3% #D3BEAD	RGB 211 190 173	#D3BEAD
100.0%	100.0% #DDD9AF	RGB 221 217 175	#DDD9AF

#9F9EA3 #A9A2AC #B6A5B4 #C0A9B3 #C9ABAB #D3BEAD #DDD9AF

#9F9EA3 - #C0A9B3 - #DDD9AF

CSS codes

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

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