#E6FF7E - #B0EB34 | 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 #E6FF7E to #B0EB34

#E6FF7E #B0EB34

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

#E6FF7E - #B0EB34 | 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 #E6FF7E as 0% and #B0EB34 as 100%.

0.0%	0.0% #E6FF7E	RGB 230 255 126	#E6FF7E
16.7%	16.7% #DDFB71	RGB 221 251 113	#DDFB71
33.3%	33.3% #D4F865	RGB 212 248 101	#D4F865
50.0%	50.0% #CBF559	RGB 203 245 89	#CBF559
66.7%	66.7% #C2F14C	RGB 194 241 76	#C2F14C
83.3%	83.3% #B9EE40	RGB 185 238 64	#B9EE40
100.0%	100.0% #B0EB34	RGB 176 235 52	#B0EB34

#E6FF7E #DDFB71 #D4F865 #CBF559 #C2F14C #B9EE40 #B0EB34

#E6FF7E - #B0EB34

HSV Blend

#E6FF7E - #B0EB34 | 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 #E6FF7E as 0% and #B0EB34 as 100%.

0.0%	0.0% #E6FF7E	RGB 230 255 126	#E6FF7E
16.7%	16.7% #DDFB70	RGB 221 251 112	#DDFB70
33.3%	33.3% #D5F864	RGB 213 248 100	#D5F864
50.0%	50.0% #CCF557	RGB 204 245 87	#CCF557
66.7%	66.7% #C3F14B	RGB 195 241 75	#C3F14B
83.3%	83.3% #B9EE3F	RGB 185 238 63	#B9EE3F
100.0%	100.0% #B0EB34	RGB 176 235 52	#B0EB34

#E6FF7E #DDFB70 #D5F864 #CCF557 #C3F14B #B9EE3F #B0EB34

#E6FF7E - #CCF557 - #B0EB34

CSS codes

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

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