#B0EF3C - #FFFD7D | 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 #B0EF3C to #FFFD7D

#B0EF3C #FFFD7D

Calculate the color between two colors, #B0EF3C and #FFFD7D. 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)

#B0EF3C - #FFFD7D | 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 #B0EF3C as 0% and #FFFD7D as 100%.

0.0%	0.0% #B0EF3C	RGB 176 239 60	#B0EF3C
16.7%	16.7% #BDF146	RGB 189 241 70	#BDF146
33.3%	33.3% #CAF351	RGB 202 243 81	#CAF351
50.0%	50.0% #D7F65C	RGB 215 246 92	#D7F65C
66.7%	66.7% #E4F867	RGB 228 248 103	#E4F867
83.3%	83.3% #F1FA72	RGB 241 250 114	#F1FA72
100.0%	100.0% #FFFD7D	RGB 255 253 125	#FFFD7D

#B0EF3C #BDF146 #CAF351 #D7F65C #E4F867 #F1FA72 #FFFD7D

#B0EF3C - #FFFD7D

HSV Blend

#B0EF3C - #FFFD7D | 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 #B0EF3C as 0% and #FFFD7D as 100%.

0.0%	0.0% #AFEF3C	RGB 175 239 60	#AFEF3C
16.7%	16.7% #BFF146	RGB 191 241 70	#BFF146
33.3%	33.3% #CEF450	RGB 206 244 80	#CEF450
50.0%	50.0% #DCF75B	RGB 220 247 91	#DCF75B
66.7%	66.7% #E9F966	RGB 233 249 102	#E9F966
83.3%	83.3% #F5FC71	RGB 245 252 113	#F5FC71
100.0%	100.0% #FFFD7D	RGB 255 253 125	#FFFD7D

#AFEF3C #BFF146 #CEF450 #DCF75B #E9F966 #F5FC71 #FFFD7D

#B0EF3C - #DCF75B - #FFFD7D

CSS codes

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

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