#9E9EA3 - #DDCCAF | 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 #9E9EA3 to #DDCCAF

#9E9EA3 #DDCCAF

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

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

0.0%	0.0% #9E9EA3	RGB 158 158 163	#9E9EA3
16.7%	16.7% #A8A5A5	RGB 168 165 165	#A8A5A5
33.3%	33.3% #B3ADA7	RGB 179 173 167	#B3ADA7
50.0%	50.0% #BDB5A9	RGB 189 181 169	#BDB5A9
66.7%	66.7% #C8BCAB	RGB 200 188 171	#C8BCAB
83.3%	83.3% #D2C4AD	RGB 210 196 173	#D2C4AD
100.0%	100.0% #DDCCAF	RGB 221 204 175	#DDCCAF

#9E9EA3 #A8A5A5 #B3ADA7 #BDB5A9 #C8BCAB #D2C4AD #DDCCAF

#9E9EA3 - #DDCCAF

HSV Blend

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

0.0%	0.0% #9E9EA3	RGB 158 158 163	#9E9EA3
16.7%	16.7% #A6A2AC	RGB 166 162 172	#A6A2AC
33.3%	33.3% #B4A5B6	RGB 180 165 182	#B4A5B6
50.0%	50.0% #C0A9B8	RGB 192 169 184	#C0A9B8
66.7%	66.7% #C9ABB3	RGB 201 171 179	#C9ABB3
83.3%	83.3% #D3B4AD	RGB 211 180 173	#D3B4AD
100.0%	100.0% #DDCCAF	RGB 221 204 175	#DDCCAF

#9E9EA3 #A6A2AC #B4A5B6 #C0A9B8 #C9ABB3 #D3B4AD #DDCCAF

#9E9EA3 - #C0A9B8 - #DDCCAF

CSS codes

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

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