#B2FF1C - #67CB0E | 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 #B2FF1C to #67CB0E

#B2FF1C #67CB0E

Calculate the color between two colors, #B2FF1C and #67CB0E. 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)

#B2FF1C - #67CB0E | 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 #B2FF1C as 0% and #67CB0E as 100%.

0.0%	0.0% #B2FF1C	RGB 178 255 28	#B2FF1C
16.7%	16.7% #A5F619	RGB 165 246 25	#A5F619
33.3%	33.3% #99ED17	RGB 153 237 23	#99ED17
50.0%	50.0% #8CE515	RGB 140 229 21	#8CE515
66.7%	66.7% #80DC12	RGB 128 220 18	#80DC12
83.3%	83.3% #73D310	RGB 115 211 16	#73D310
100.0%	100.0% #67CB0E	RGB 103 203 14	#67CB0E

#B2FF1C #A5F619 #99ED17 #8CE515 #80DC12 #73D310 #67CB0E

#B2FF1C - #67CB0E

HSV Blend

#B2FF1C - #67CB0E | 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 #B2FF1C as 0% and #67CB0E as 100%.

0.0%	0.0% #B2FF1B	RGB 178 255 27	#B2FF1B
16.7%	16.7% #A4F619	RGB 164 246 25	#A4F619
33.3%	33.3% #97ED16	RGB 151 237 22	#97ED16
50.0%	50.0% #8AE514	RGB 138 229 20	#8AE514
66.7%	66.7% #7EDC12	RGB 126 220 18	#7EDC12
83.3%	83.3% #72D310	RGB 114 211 16	#72D310
100.0%	100.0% #67CB0E	RGB 103 203 14	#67CB0E

#B2FF1B #A4F619 #97ED16 #8AE514 #7EDC12 #72D310 #67CB0E

#B2FF1C - #8AE514 - #67CB0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2FF1B 0%, #8AE514 50%, #67CB0E 100%);
    background: -webkit-linear-gradient(top, #B2FF1B 0%, #8AE514 50%, #67CB0E 100%);
    background: linear-gradient(to bottom, #B2FF1B 0%, #8AE514 50%, #67CB0E 100%);
}
</style>