#9FA9C0 - #DBD4C9 | 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 #9FA9C0 to #DBD4C9

#9FA9C0 #DBD4C9

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

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

0.0%	0.0% #9FA9C0	RGB 159 169 192	#9FA9C0
16.7%	16.7% #A9B0C1	RGB 169 176 193	#A9B0C1
33.3%	33.3% #B3B7C3	RGB 179 183 195	#B3B7C3
50.0%	50.0% #BDBEC4	RGB 189 190 196	#BDBEC4
66.7%	66.7% #C7C5C6	RGB 199 197 198	#C7C5C6
83.3%	83.3% #D1CCC7	RGB 209 204 199	#D1CCC7
100.0%	100.0% #DBD4C9	RGB 219 212 201	#DBD4C9

#9FA9C0 #A9B0C1 #B3B7C3 #BDBEC4 #C7C5C6 #D1CCC7 #DBD4C9

#9FA9C0 - #DBD4C9

HSV Blend

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

0.0%	0.0% #9FA9C0	RGB 159 169 192	#9FA9C0
16.7%	16.7% #ABA5C4	RGB 171 165 196	#ABA5C4
33.3%	33.3% #BFACC9	RGB 191 172 201	#BFACC9
50.0%	50.0% #CDB3C9	RGB 205 179 201	#CDB3C9
66.7%	66.7% #D2BAC2	RGB 210 186 194	#D2BAC2
83.3%	83.3% #D6C4C1	RGB 214 196 193	#D6C4C1
100.0%	100.0% #DBD4C9	RGB 219 212 201	#DBD4C9

#9FA9C0 #ABA5C4 #BFACC9 #CDB3C9 #D2BAC2 #D6C4C1 #DBD4C9

#9FA9C0 - #CDB3C9 - #DBD4C9

CSS codes

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

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