#9FA3AF - #B5E0EB | 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 #9FA3AF to #B5E0EB

#9FA3AF #B5E0EB

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

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

0.0%	0.0% #9FA3AF	RGB 159 163 175	#9FA3AF
16.7%	16.7% #A2ADB9	RGB 162 173 185	#A2ADB9
33.3%	33.3% #A6B7C3	RGB 166 183 195	#A6B7C3
50.0%	50.0% #AAC1CD	RGB 170 193 205	#AAC1CD
66.7%	66.7% #ADCBD7	RGB 173 203 215	#ADCBD7
83.3%	83.3% #B1D5E1	RGB 177 213 225	#B1D5E1
100.0%	100.0% #B5E0EB	RGB 181 224 235	#B5E0EB

#9FA3AF #A2ADB9 #A6B7C3 #AAC1CD #ADCBD7 #B1D5E1 #B5E0EB

#9FA3AF - #B5E0EB

HSV Blend

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

0.0%	0.0% #9FA3AF	RGB 159 163 175	#9FA3AF
16.7%	16.7% #A3ABB9	RGB 163 171 185	#A3ABB9
33.3%	33.3% #A8B3C3	RGB 168 179 195	#A8B3C3
50.0%	50.0% #ACBDCD	RGB 172 189 205	#ACBDCD
66.7%	66.7% #AFC7D7	RGB 175 199 215	#AFC7D7
83.3%	83.3% #B2D3E1	RGB 178 211 225	#B2D3E1
100.0%	100.0% #B5E0EB	RGB 181 224 235	#B5E0EB

#9FA3AF #A3ABB9 #A8B3C3 #ACBDCD #AFC7D7 #B2D3E1 #B5E0EB

#9FA3AF - #ACBDCD - #B5E0EB

CSS codes

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

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