#BCDB9F - #6EAB3C | 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 #BCDB9F to #6EAB3C

#BCDB9F #6EAB3C

Calculate the color between two colors, #BCDB9F and #6EAB3C. 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)

#BCDB9F - #6EAB3C | 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 #BCDB9F as 0% and #6EAB3C as 100%.

0.0%	0.0% #BCDB9F	RGB 188 219 159	#BCDB9F
16.7%	16.7% #AFD38E	RGB 175 211 142	#AFD38E
33.3%	33.3% #A2CB7E	RGB 162 203 126	#A2CB7E
50.0%	50.0% #95C36D	RGB 149 195 109	#95C36D
66.7%	66.7% #88BB5D	RGB 136 187 93	#88BB5D
83.3%	83.3% #7BB34C	RGB 123 179 76	#7BB34C
100.0%	100.0% #6EAB3C	RGB 110 171 60	#6EAB3C

#BCDB9F #AFD38E #A2CB7E #95C36D #88BB5D #7BB34C #6EAB3C

#BCDB9F - #6EAB3C

HSV Blend

#BCDB9F - #6EAB3C | 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 #BCDB9F as 0% and #6EAB3C as 100%.

0.0%	0.0% #BCDB9F	RGB 188 219 159	#BCDB9F
16.7%	16.7% #ADD38B	RGB 173 211 139	#ADD38B
33.3%	33.3% #A0CB79	RGB 160 203 121	#A0CB79
50.0%	50.0% #93C368	RGB 147 195 104	#93C368
66.7%	66.7% #86BB58	RGB 134 187 88	#86BB58
83.3%	83.3% #79B349	RGB 121 179 73	#79B349
100.0%	100.0% #6EAB3C	RGB 110 171 60	#6EAB3C

#BCDB9F #ADD38B #A0CB79 #93C368 #86BB58 #79B349 #6EAB3C

#BCDB9F - #93C368 - #6EAB3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCDB9F 0%, #93C368 50%, #6EAB3C 100%);
    background: -webkit-linear-gradient(top, #BCDB9F 0%, #93C368 50%, #6EAB3C 100%);
    background: linear-gradient(to bottom, #BCDB9F 0%, #93C368 50%, #6EAB3C 100%);
}
</style>