#9FCFAC - #FCFFAC | 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 #9FCFAC to #FCFFAC

#9FCFAC #FCFFAC

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

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

0.0%	0.0% #9FCFAC	RGB 159 207 172	#9FCFAC
16.7%	16.7% #AED7AC	RGB 174 215 172	#AED7AC
33.3%	33.3% #BEDFAC	RGB 190 223 172	#BEDFAC
50.0%	50.0% #CDE7AC	RGB 205 231 172	#CDE7AC
66.7%	66.7% #DDEFAC	RGB 221 239 172	#DDEFAC
83.3%	83.3% #ECF7AC	RGB 236 247 172	#ECF7AC
100.0%	100.0% #FCFFAC	RGB 252 255 172	#FCFFAC

#9FCFAC #AED7AC #BEDFAC #CDE7AC #DDEFAC #ECF7AC #FCFFAC

#9FCFAC - #FCFFAC

HSV Blend

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

0.0%	0.0% #9FCFAC	RGB 159 207 172	#9FCFAC
16.7%	16.7% #A1D7A5	RGB 161 215 165	#A1D7A5
33.3%	33.3% #ACDFA4	RGB 172 223 164	#ACDFA4
50.0%	50.0% #BCE7A6	RGB 188 231 166	#BCE7A6
66.7%	66.7% #CFEFA8	RGB 207 239 168	#CFEFA8
83.3%	83.3% #E4F7AA	RGB 228 247 170	#E4F7AA
100.0%	100.0% #FCFFAC	RGB 252 255 172	#FCFFAC

#9FCFAC #A1D7A5 #ACDFA4 #BCE7A6 #CFEFA8 #E4F7AA #FCFFAC

#9FCFAC - #BCE7A6 - #FCFFAC

CSS codes

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

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