#9BABA1 - #ACFFAF | 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 #9BABA1 to #ACFFAF

#9BABA1 #ACFFAF

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

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

0.0%	0.0% #9BABA1	RGB 155 171 161	#9BABA1
16.7%	16.7% #9DB9A3	RGB 157 185 163	#9DB9A3
33.3%	33.3% #A0C7A5	RGB 160 199 165	#A0C7A5
50.0%	50.0% #A3D5A8	RGB 163 213 168	#A3D5A8
66.7%	66.7% #A6E3AA	RGB 166 227 170	#A6E3AA
83.3%	83.3% #A9F1AC	RGB 169 241 172	#A9F1AC
100.0%	100.0% #ACFFAF	RGB 172 255 175	#ACFFAF

#9BABA1 #9DB9A3 #A0C7A5 #A3D5A8 #A6E3AA #A9F1AC #ACFFAF

#9BABA1 - #ACFFAF

HSV Blend

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

0.0%	0.0% #9BABA1	RGB 155 171 161	#9BABA1
16.7%	16.7% #A0B9A8	RGB 160 185 168	#A0B9A8
33.3%	33.3% #A4C7AD	RGB 164 199 173	#A4C7AD
50.0%	50.0% #A8D5B1	RGB 168 213 177	#A8D5B1
66.7%	66.7% #AAE3B3	RGB 170 227 179	#AAE3B3
83.3%	83.3% #ABF1B2	RGB 171 241 178	#ABF1B2
100.0%	100.0% #ACFFAF	RGB 172 255 175	#ACFFAF

#9BABA1 #A0B9A8 #A4C7AD #A8D5B1 #AAE3B3 #ABF1B2 #ACFFAF

#9BABA1 - #A8D5B1 - #ACFFAF

CSS codes

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

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