#9FA09F - #ADB0DF | 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 #ADB0DF

#9FA09F #ADB0DF

Calculate the color between two colors, #9FA09F and #ADB0DF. 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 - #ADB0DF | 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 #ADB0DF as 100%.

0.0%	0.0% #9FA09F	RGB 159 160 159	#9FA09F
16.7%	16.7% #A1A2A9	RGB 161 162 169	#A1A2A9
33.3%	33.3% #A3A5B4	RGB 163 165 180	#A3A5B4
50.0%	50.0% #A6A8BF	RGB 166 168 191	#A6A8BF
66.7%	66.7% #A8AAC9	RGB 168 170 201	#A8AAC9
83.3%	83.3% #AAADD4	RGB 170 173 212	#AAADD4
100.0%	100.0% #ADB0DF	RGB 173 176 223	#ADB0DF

#9FA09F #A1A2A9 #A3A5B4 #A6A8BF #A8AAC9 #AAADD4 #ADB0DF

#9FA09F - #ADB0DF

HSV Blend

#9FA09F - #ADB0DF | 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 #ADB0DF 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% #A6B5AF	RGB 166 181 175	#A6B5AF
50.0%	50.0% #A9BFBE	RGB 169 191 190	#A9BFBE
66.7%	66.7% #ABC1CA	RGB 171 193 202	#ABC1CA
83.3%	83.3% #ACBBD4	RGB 172 187 212	#ACBBD4
100.0%	100.0% #ADB0DF	RGB 173 176 223	#ADB0DF

#9FA09F #A3AAA5 #A6B5AF #A9BFBE #ABC1CA #ACBBD4 #ADB0DF

#9FA09F - #A9BFBE - #ADB0DF

CSS codes

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

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