#9FA09F - #ADC0DF | 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 #9FA09F to #ADC0DF

#9FA09F #ADC0DF

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

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

0.0%	0.0% #9FA09F	RGB 159 160 159	#9FA09F
16.7%	16.7% #A1A5A9	RGB 161 165 169	#A1A5A9
33.3%	33.3% #A3AAB4	RGB 163 170 180	#A3AAB4
50.0%	50.0% #A6B0BF	RGB 166 176 191	#A6B0BF
66.7%	66.7% #A8B5C9	RGB 168 181 201	#A8B5C9
83.3%	83.3% #AABAD4	RGB 170 186 212	#AABAD4
100.0%	100.0% #ADC0DF	RGB 173 192 223	#ADC0DF

#9FA09F #A1A5A9 #A3AAB4 #A6B0BF #A8B5C9 #AABAD4 #ADC0DF

#9FA09F - #ADC0DF

HSV Blend

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

0.0%	0.0% #9FA09F	RGB 159 160 159	#9FA09F
16.7%	16.7% #A3AAA5	RGB 163 170 165	#A3AAA5
33.3%	33.3% #A6B5AE	RGB 166 181 174	#A6B5AE
50.0%	50.0% #A9BFBB	RGB 169 191 187	#A9BFBB
66.7%	66.7% #ABC7CA	RGB 171 199 202	#ABC7CA
83.3%	83.3% #ACC6D4	RGB 172 198 212	#ACC6D4
100.0%	100.0% #ADC0DF	RGB 173 192 223	#ADC0DF

#9FA09F #A3AAA5 #A6B5AE #A9BFBB #ABC7CA #ACC6D4 #ADC0DF

#9FA09F - #A9BFBB - #ADC0DF

CSS codes

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

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