#9AAB8C - #B5FFD5 | 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 #9AAB8C to #B5FFD5

#9AAB8C #B5FFD5

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

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

0.0%	0.0% #9AAB8C	RGB 154 171 140	#9AAB8C
16.7%	16.7% #9EB998	RGB 158 185 152	#9EB998
33.3%	33.3% #A3C7A4	RGB 163 199 164	#A3C7A4
50.0%	50.0% #A7D5B0	RGB 167 213 176	#A7D5B0
66.7%	66.7% #ACE3BC	RGB 172 227 188	#ACE3BC
83.3%	83.3% #B0F1C8	RGB 176 241 200	#B0F1C8
100.0%	100.0% #B5FFD5	RGB 181 255 213	#B5FFD5

#9AAB8C #9EB998 #A3C7A4 #A7D5B0 #ACE3BC #B0F1C8 #B5FFD5

#9AAB8C - #B5FFD5

HSV Blend

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

0.0%	0.0% #9AAB8C	RGB 154 171 140	#9AAB8C
16.7%	16.7% #9FB994	RGB 159 185 148	#9FB994
33.3%	33.3% #A2C79B	RGB 162 199 155	#A2C79B
50.0%	50.0% #A3D5A2	RGB 163 213 162	#A3D5A2
66.7%	66.7% #A9E3B1	RGB 169 227 177	#A9E3B1
83.3%	83.3% #AFF1C2	RGB 175 241 194	#AFF1C2
100.0%	100.0% #B5FFD5	RGB 181 255 213	#B5FFD5

#9AAB8C #9FB994 #A2C79B #A3D5A2 #A9E3B1 #AFF1C2 #B5FFD5

#9AAB8C - #A3D5A2 - #B5FFD5

CSS codes

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

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