#BAFFBA - #61F66B | 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 #BAFFBA to #61F66B

#BAFFBA #61F66B

Calculate the color between two colors, #BAFFBA and #61F66B. 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)

#BAFFBA - #61F66B | 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 #BAFFBA as 0% and #61F66B as 100%.

0.0%	0.0% #BAFFBA	RGB 186 255 186	#BAFFBA
16.7%	16.7% #ABFDAC	RGB 171 253 172	#ABFDAC
33.3%	33.3% #9CFC9F	RGB 156 252 159	#9CFC9F
50.0%	50.0% #8DFA92	RGB 141 250 146	#8DFA92
66.7%	66.7% #7EF985	RGB 126 249 133	#7EF985
83.3%	83.3% #6FF778	RGB 111 247 120	#6FF778
100.0%	100.0% #61F66B	RGB 97 246 107	#61F66B

#BAFFBA #ABFDAC #9CFC9F #8DFA92 #7EF985 #6FF778 #61F66B

#BAFFBA - #61F66B

HSV Blend

#BAFFBA - #61F66B | 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 #BAFFBA as 0% and #61F66B as 100%.

0.0%	0.0% #BAFFBA	RGB 186 255 186	#BAFFBA
16.7%	16.7% #AAFDAB	RGB 170 253 171	#AAFDAB
33.3%	33.3% #9BFC9D	RGB 155 252 157	#9BFC9D
50.0%	50.0% #8CFA90	RGB 140 250 144	#8CFA90
66.7%	66.7% #7DF983	RGB 125 249 131	#7DF983
83.3%	83.3% #6FF777	RGB 111 247 119	#6FF777
100.0%	100.0% #61F66B	RGB 97 246 107	#61F66B

#BAFFBA #AAFDAB #9BFC9D #8CFA90 #7DF983 #6FF777 #61F66B

#BAFFBA - #8CFA90 - #61F66B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAFFBA 0%, #8CFA90 50%, #61F66B 100%);
    background: -webkit-linear-gradient(top, #BAFFBA 0%, #8CFA90 50%, #61F66B 100%);
    background: linear-gradient(to bottom, #BAFFBA 0%, #8CFA90 50%, #61F66B 100%);
}
</style>