#9F9FA7 - #ACE3DC | 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 #9F9FA7 to #ACE3DC

#9F9FA7 #ACE3DC

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

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

0.0%	0.0% #9F9FA7	RGB 159 159 167	#9F9FA7
16.7%	16.7% #A1AAAF	RGB 161 170 175	#A1AAAF
33.3%	33.3% #A3B5B8	RGB 163 181 184	#A3B5B8
50.0%	50.0% #A5C1C1	RGB 165 193 193	#A5C1C1
66.7%	66.7% #A7CCCA	RGB 167 204 202	#A7CCCA
83.3%	83.3% #A9D7D3	RGB 169 215 211	#A9D7D3
100.0%	100.0% #ACE3DC	RGB 172 227 220	#ACE3DC

#9F9FA7 #A1AAAF #A3B5B8 #A5C1C1 #A7CCCA #A9D7D3 #ACE3DC

#9F9FA7 - #ACE3DC

HSV Blend

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

0.0%	0.0% #9F9FA7	RGB 159 159 167	#9F9FA7
16.7%	16.7% #A2A5B1	RGB 162 165 177	#A2A5B1
33.3%	33.3% #A5ADBB	RGB 165 173 187	#A5ADBB
50.0%	50.0% #A8B8C5	RGB 168 184 197	#A8B8C5
66.7%	66.7% #AAC5CF	RGB 170 197 207	#AAC5CF
83.3%	83.3% #ABD6D9	RGB 171 214 217	#ABD6D9
100.0%	100.0% #ACE3DC	RGB 172 227 220	#ACE3DC

#9F9FA7 #A2A5B1 #A5ADBB #A8B8C5 #AAC5CF #ABD6D9 #ACE3DC

#9F9FA7 - #A8B8C5 - #ACE3DC

CSS codes

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

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