#9CFF64 - #BCFAAB | 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 #9CFF64 to #BCFAAB

#9CFF64 #BCFAAB

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

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

0.0%	0.0% #9CFF64	RGB 156 255 100	#9CFF64
16.7%	16.7% #A1FE6F	RGB 161 254 111	#A1FE6F
33.3%	33.3% #A6FD7B	RGB 166 253 123	#A6FD7B
50.0%	50.0% #ACFC87	RGB 172 252 135	#ACFC87
66.7%	66.7% #B1FB93	RGB 177 251 147	#B1FB93
83.3%	83.3% #B6FA9F	RGB 182 250 159	#B6FA9F
100.0%	100.0% #BCFAAB	RGB 188 250 171	#BCFAAB

#9CFF64 #A1FE6F #A6FD7B #ACFC87 #B1FB93 #B6FA9F #BCFAAB

#9CFF64 - #BCFAAB

HSV Blend

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

0.0%	0.0% #9CFF64	RGB 156 255 100	#9CFF64
16.7%	16.7% #9FFE70	RGB 159 254 112	#9FFE70
33.3%	33.3% #A4FD7B	RGB 164 253 123	#A4FD7B
50.0%	50.0% #A9FC87	RGB 169 252 135	#A9FC87
66.7%	66.7% #AFFB93	RGB 175 251 147	#AFFB93
83.3%	83.3% #B5FA9F	RGB 181 250 159	#B5FA9F
100.0%	100.0% #BCFAAB	RGB 188 250 171	#BCFAAB

#9CFF64 #9FFE70 #A4FD7B #A9FC87 #AFFB93 #B5FA9F #BCFAAB

#9CFF64 - #A9FC87 - #BCFAAB

CSS codes

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

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