#76BB5E - #FFEC81 | 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 #76BB5E to #FFEC81

#76BB5E #FFEC81

Calculate the color between two colors, #76BB5E and #FFEC81. 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)

#76BB5E - #FFEC81 | 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 #76BB5E as 0% and #FFEC81 as 100%.

0.0%	0.0% #76BB5E	RGB 118 187 94	#76BB5E
16.7%	16.7% #8CC363	RGB 140 195 99	#8CC363
33.3%	33.3% #A3CB69	RGB 163 203 105	#A3CB69
50.0%	50.0% #BAD36F	RGB 186 211 111	#BAD36F
66.7%	66.7% #D1DB75	RGB 209 219 117	#D1DB75
83.3%	83.3% #E8E37B	RGB 232 227 123	#E8E37B
100.0%	100.0% #FFEC81	RGB 255 236 129	#FFEC81

#76BB5E #8CC363 #A3CB69 #BAD36F #D1DB75 #E8E37B #FFEC81

#76BB5E - #FFEC81

HSV Blend

#76BB5E - #FFEC81 | 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 #76BB5E as 0% and #FFEC81 as 100%.

0.0%	0.0% #76BB5E	RGB 118 187 94	#76BB5E
16.7%	16.7% #8BC663	RGB 139 198 99	#8BC663
33.3%	33.3% #A3D169	RGB 163 209 105	#A3D169
50.0%	50.0% #BCDD6F	RGB 188 221 111	#BCDD6F
66.7%	66.7% #D7E875	RGB 215 232 117	#D7E875
83.3%	83.3% #F3F37B	RGB 243 243 123	#F3F37B
100.0%	100.0% #FFEC81	RGB 255 236 129	#FFEC81

#76BB5E #8BC663 #A3D169 #BCDD6F #D7E875 #F3F37B #FFEC81

#76BB5E - #BCDD6F - #FFEC81

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76BB5E 0%, #BCDD6F 50%, #FFEC81 100%);
    background: -webkit-linear-gradient(top, #76BB5E 0%, #BCDD6F 50%, #FFEC81 100%);
    background: linear-gradient(to bottom, #76BB5E 0%, #BCDD6F 50%, #FFEC81 100%);
}
</style>