#B2FF4D - #74E700 | 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 #B2FF4D to #74E700

#B2FF4D #74E700

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

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

0.0%	0.0% #B2FF4D	RGB 178 255 77	#B2FF4D
16.7%	16.7% #A7FB40	RGB 167 251 64	#A7FB40
33.3%	33.3% #9DF733	RGB 157 247 51	#9DF733
50.0%	50.0% #93F326	RGB 147 243 38	#93F326
66.7%	66.7% #88EF19	RGB 136 239 25	#88EF19
83.3%	83.3% #7EEB0C	RGB 126 235 12	#7EEB0C
100.0%	100.0% #74E700	RGB 116 231 0	#74E700

#B2FF4D #A7FB40 #9DF733 #93F326 #88EF19 #7EEB0C #74E700

#B2FF4D - #74E700

HSV Blend

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

0.0%	0.0% #B2FF4D	RGB 178 255 77	#B2FF4D
16.7%	16.7% #A7FB3F	RGB 167 251 63	#A7FB3F
33.3%	33.3% #9DF731	RGB 157 247 49	#9DF731
50.0%	50.0% #93F324	RGB 147 243 36	#93F324
66.7%	66.7% #88EF18	RGB 136 239 24	#88EF18
83.3%	83.3% #7EEB0B	RGB 126 235 11	#7EEB0B
100.0%	100.0% #74E700	RGB 116 231 0	#74E700

#B2FF4D #A7FB3F #9DF731 #93F324 #88EF18 #7EEB0B #74E700

#B2FF4D - #93F324 - #74E700

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2FF4D 0%, #93F324 50%, #74E700 100%);
    background: -webkit-linear-gradient(top, #B2FF4D 0%, #93F324 50%, #74E700 100%);
    background: linear-gradient(to bottom, #B2FF4D 0%, #93F324 50%, #74E700 100%);
}
</style>