#B2FF0E - #65C50E | 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 #B2FF0E to #65C50E

#B2FF0E #65C50E

Calculate the color between two colors, #B2FF0E and #65C50E. 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)

#B2FF0E - #65C50E | 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 #B2FF0E as 0% and #65C50E as 100%.

0.0%	0.0% #B2FF0E	RGB 178 255 14	#B2FF0E
16.7%	16.7% #A5F50E	RGB 165 245 14	#A5F50E
33.3%	33.3% #98EB0E	RGB 152 235 14	#98EB0E
50.0%	50.0% #8BE20E	RGB 139 226 14	#8BE20E
66.7%	66.7% #7ED80E	RGB 126 216 14	#7ED80E
83.3%	83.3% #71CE0E	RGB 113 206 14	#71CE0E
100.0%	100.0% #65C50E	RGB 101 197 14	#65C50E

#B2FF0E #A5F50E #98EB0E #8BE20E #7ED80E #71CE0E #65C50E

#B2FF0E - #65C50E

HSV Blend

#B2FF0E - #65C50E | 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 #B2FF0E as 0% and #65C50E as 100%.

0.0%	0.0% #B2FF0D	RGB 178 255 13	#B2FF0D
16.7%	16.7% #A3F50E	RGB 163 245 14	#A3F50E
33.3%	33.3% #95EB0E	RGB 149 235 14	#95EB0E
50.0%	50.0% #88E20E	RGB 136 226 14	#88E20E
66.7%	66.7% #7CD80E	RGB 124 216 14	#7CD80E
83.3%	83.3% #70CE0E	RGB 112 206 14	#70CE0E
100.0%	100.0% #65C50E	RGB 101 197 14	#65C50E

#B2FF0D #A3F50E #95EB0E #88E20E #7CD80E #70CE0E #65C50E

#B2FF0E - #88E20E - #65C50E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2FF0D 0%, #88E20E 50%, #65C50E 100%);
    background: -webkit-linear-gradient(top, #B2FF0D 0%, #88E20E 50%, #65C50E 100%);
    background: linear-gradient(to bottom, #B2FF0D 0%, #88E20E 50%, #65C50E 100%);
}
</style>