#F9FAFA - #474747 | 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 #F9FAFA to #474747

#F9FAFA #474747

Calculate the color between two colors, #F9FAFA and #474747. 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)

#F9FAFA - #474747 | 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 #F9FAFA as 0% and #474747 as 100%.

0.0%	0.0% #F9FAFA	RGB 249 250 250	#F9FAFA
16.7%	16.7% #DBDCDC	RGB 219 220 220	#DBDCDC
33.3%	33.3% #BDBEBE	RGB 189 190 190	#BDBEBE
50.0%	50.0% #A0A0A0	RGB 160 160 160	#A0A0A0
66.7%	66.7% #828282	RGB 130 130 130	#828282
83.3%	83.3% #646464	RGB 100 100 100	#646464
100.0%	100.0% #474747	RGB 71 71 71	#474747

#F9FAFA #DBDCDC #BDBEBE #A0A0A0 #828282 #646464 #474747

#F9FAFA - #474747

HSV Blend

#F9FAFA - #474747 | 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 #F9FAFA as 0% and #474747 as 100%.

0.0%	0.0% #F9FAFA	RGB 249 250 250	#F9FAFA
16.7%	16.7% #DBDCDB	RGB 219 220 219	#DBDCDB
33.3%	33.3% #BDBEBD	RGB 189 190 189	#BDBEBD
50.0%	50.0% #A0A0A0	RGB 160 160 160	#A0A0A0
66.7%	66.7% #828282	RGB 130 130 130	#828282
83.3%	83.3% #646464	RGB 100 100 100	#646464
100.0%	100.0% #474747	RGB 71 71 71	#474747

#F9FAFA #DBDCDB #BDBEBD #A0A0A0 #828282 #646464 #474747

#F9FAFA - #A0A0A0 - #474747

CSS codes

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

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