#74DF3C - #BAFE7C | 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 #74DF3C to #BAFE7C

#74DF3C #BAFE7C

Calculate the color between two colors, #74DF3C and #BAFE7C. 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)

#74DF3C - #BAFE7C | 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 #74DF3C as 0% and #BAFE7C as 100%.

0.0%	0.0% #74DF3C	RGB 116 223 60	#74DF3C
16.7%	16.7% #7FE446	RGB 127 228 70	#7FE446
33.3%	33.3% #8BE951	RGB 139 233 81	#8BE951
50.0%	50.0% #97EE5C	RGB 151 238 92	#97EE5C
66.7%	66.7% #A2F366	RGB 162 243 102	#A2F366
83.3%	83.3% #AEF871	RGB 174 248 113	#AEF871
100.0%	100.0% #BAFE7C	RGB 186 254 124	#BAFE7C

#74DF3C #7FE446 #8BE951 #97EE5C #A2F366 #AEF871 #BAFE7C

#74DF3C - #BAFE7C

HSV Blend

#74DF3C - #BAFE7C | 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 #74DF3C as 0% and #BAFE7C as 100%.

0.0%	0.0% #73DF3C	RGB 115 223 60	#73DF3C
16.7%	16.7% #7FE445	RGB 127 228 69	#7FE445
33.3%	33.3% #8BE94F	RGB 139 233 79	#8BE94F
50.0%	50.0% #97EE5A	RGB 151 238 90	#97EE5A
66.7%	66.7% #A2F365	RGB 162 243 101	#A2F365
83.3%	83.3% #AEF870	RGB 174 248 112	#AEF870
100.0%	100.0% #BAFE7C	RGB 186 254 124	#BAFE7C

#73DF3C #7FE445 #8BE94F #97EE5A #A2F365 #AEF870 #BAFE7C

#74DF3C - #97EE5A - #BAFE7C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #73DF3C 0%, #97EE5A 50%, #BAFE7C 100%);
    background: -webkit-linear-gradient(top, #73DF3C 0%, #97EE5A 50%, #BAFE7C 100%);
    background: linear-gradient(to bottom, #73DF3C 0%, #97EE5A 50%, #BAFE7C 100%);
}
</style>