#9F9FAD - #ACE7DE | 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 #9F9FAD to #ACE7DE

#9F9FAD #ACE7DE

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

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

0.0%	0.0% #9F9FAD	RGB 159 159 173	#9F9FAD
16.7%	16.7% #A1ABB5	RGB 161 171 181	#A1ABB5
33.3%	33.3% #A3B7BD	RGB 163 183 189	#A3B7BD
50.0%	50.0% #A5C3C5	RGB 165 195 197	#A5C3C5
66.7%	66.7% #A7CFCD	RGB 167 207 205	#A7CFCD
83.3%	83.3% #A9DBD5	RGB 169 219 213	#A9DBD5
100.0%	100.0% #ACE7DE	RGB 172 231 222	#ACE7DE

#9F9FAD #A1ABB5 #A3B7BD #A5C3C5 #A7CFCD #A9DBD5 #ACE7DE

#9F9FAD - #ACE7DE

HSV Blend

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

0.0%	0.0% #9F9FAD	RGB 159 159 173	#9F9FAD
16.7%	16.7% #A2A6B6	RGB 162 166 182	#A2A6B6
33.3%	33.3% #A5AFC0	RGB 165 175 192	#A5AFC0
50.0%	50.0% #A8BBCA	RGB 168 187 202	#A8BBCA
66.7%	66.7% #A9C9D3	RGB 169 201 211	#A9C9D3
83.3%	83.3% #ABDBDD	RGB 171 219 221	#ABDBDD
100.0%	100.0% #ACE7DE	RGB 172 231 222	#ACE7DE

#9F9FAD #A2A6B6 #A5AFC0 #A8BBCA #A9C9D3 #ABDBDD #ACE7DE

#9F9FAD - #A8BBCA - #ACE7DE

CSS codes

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

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