#9FA4AF - #B5E8EB | 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 #9FA4AF to #B5E8EB

#9FA4AF #B5E8EB

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

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

0.0%	0.0% #9FA4AF	RGB 159 164 175	#9FA4AF
16.7%	16.7% #A2AFB9	RGB 162 175 185	#A2AFB9
33.3%	33.3% #A6BAC3	RGB 166 186 195	#A6BAC3
50.0%	50.0% #AAC6CD	RGB 170 198 205	#AAC6CD
66.7%	66.7% #ADD1D7	RGB 173 209 215	#ADD1D7
83.3%	83.3% #B1DCE1	RGB 177 220 225	#B1DCE1
100.0%	100.0% #B5E8EB	RGB 181 232 235	#B5E8EB

#9FA4AF #A2AFB9 #A6BAC3 #AAC6CD #ADD1D7 #B1DCE1 #B5E8EB

#9FA4AF - #B5E8EB

HSV Blend

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

0.0%	0.0% #9FA4AF	RGB 159 164 175	#9FA4AF
16.7%	16.7% #A3ACB9	RGB 163 172 185	#A3ACB9
33.3%	33.3% #A8B6C3	RGB 168 182 195	#A8B6C3
50.0%	50.0% #ACC0CD	RGB 172 192 205	#ACC0CD
66.7%	66.7% #AFCCD7	RGB 175 204 215	#AFCCD7
83.3%	83.3% #B2D9E1	RGB 178 217 225	#B2D9E1
100.0%	100.0% #B5E8EB	RGB 181 232 235	#B5E8EB

#9FA4AF #A3ACB9 #A8B6C3 #ACC0CD #AFCCD7 #B2D9E1 #B5E8EB

#9FA4AF - #ACC0CD - #B5E8EB

CSS codes

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

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