#B2FFB5 - #4EE074 | 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 #B2FFB5 to #4EE074

#B2FFB5 #4EE074

Calculate the color between two colors, #B2FFB5 and #4EE074. 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)

#B2FFB5 - #4EE074 | 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 #B2FFB5 as 0% and #4EE074 as 100%.

0.0%	0.0% #B2FFB5	RGB 178 255 181	#B2FFB5
16.7%	16.7% #A1F9AA	RGB 161 249 170	#A1F9AA
33.3%	33.3% #90F49F	RGB 144 244 159	#90F49F
50.0%	50.0% #80EF94	RGB 128 239 148	#80EF94
66.7%	66.7% #6FEA89	RGB 111 234 137	#6FEA89
83.3%	83.3% #5EE57E	RGB 94 229 126	#5EE57E
100.0%	100.0% #4EE074	RGB 78 224 116	#4EE074

#B2FFB5 #A1F9AA #90F49F #80EF94 #6FEA89 #5EE57E #4EE074

#B2FFB5 - #4EE074

HSV Blend

#B2FFB5 - #4EE074 | 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 #B2FFB5 as 0% and #4EE074 as 100%.

0.0%	0.0% #B2FFB5	RGB 178 255 181	#B2FFB5
16.7%	16.7% #9FF9A6	RGB 159 249 166	#9FF9A6
33.3%	33.3% #8EF499	RGB 142 244 153	#8EF499
50.0%	50.0% #7DEF8E	RGB 125 239 142	#7DEF8E
66.7%	66.7% #6CEA84	RGB 108 234 132	#6CEA84
83.3%	83.3% #5DE57B	RGB 93 229 123	#5DE57B
100.0%	100.0% #4EE074	RGB 78 224 116	#4EE074

#B2FFB5 #9FF9A6 #8EF499 #7DEF8E #6CEA84 #5DE57B #4EE074

#B2FFB5 - #7DEF8E - #4EE074

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2FFB5 0%, #7DEF8E 50%, #4EE074 100%);
    background: -webkit-linear-gradient(top, #B2FFB5 0%, #7DEF8E 50%, #4EE074 100%);
    background: linear-gradient(to bottom, #B2FFB5 0%, #7DEF8E 50%, #4EE074 100%);
}
</style>