#9FCFAB - #FBFFAC | 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 #9FCFAB to #FBFFAC

#9FCFAB #FBFFAC

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

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

0.0%	0.0% #9FCFAB	RGB 159 207 171	#9FCFAB
16.7%	16.7% #AED7AB	RGB 174 215 171	#AED7AB
33.3%	33.3% #BDDFAB	RGB 189 223 171	#BDDFAB
50.0%	50.0% #CDE7AB	RGB 205 231 171	#CDE7AB
66.7%	66.7% #DCEFAB	RGB 220 239 171	#DCEFAB
83.3%	83.3% #EBF7AB	RGB 235 247 171	#EBF7AB
100.0%	100.0% #FBFFAC	RGB 251 255 172	#FBFFAC

#9FCFAB #AED7AB #BDDFAB #CDE7AB #DCEFAB #EBF7AB #FBFFAC

#9FCFAB - #FBFFAC

HSV Blend

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

0.0%	0.0% #9FCFAB	RGB 159 207 171	#9FCFAB
16.7%	16.7% #A1D7A4	RGB 161 215 164	#A1D7A4
33.3%	33.3% #ADDFA4	RGB 173 223 164	#ADDFA4
50.0%	50.0% #BDE7A6	RGB 189 231 166	#BDE7A6
66.7%	66.7% #CFEFA8	RGB 207 239 168	#CFEFA8
83.3%	83.3% #E3F7AA	RGB 227 247 170	#E3F7AA
100.0%	100.0% #FBFFAC	RGB 251 255 172	#FBFFAC

#9FCFAB #A1D7A4 #ADDFA4 #BDE7A6 #CFEFA8 #E3F7AA #FBFFAC

#9FCFAB - #BDE7A6 - #FBFFAC

CSS codes

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

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