#B2FFCC - #4EDF9E | 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 #B2FFCC to #4EDF9E

#B2FFCC #4EDF9E

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

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

0.0%	0.0% #B2FFCC	RGB 178 255 204	#B2FFCC
16.7%	16.7% #A1F9C4	RGB 161 249 196	#A1F9C4
33.3%	33.3% #90F4BC	RGB 144 244 188	#90F4BC
50.0%	50.0% #80EFB5	RGB 128 239 181	#80EFB5
66.7%	66.7% #6FE9AD	RGB 111 233 173	#6FE9AD
83.3%	83.3% #5EE4A5	RGB 94 228 165	#5EE4A5
100.0%	100.0% #4EDF9E	RGB 78 223 158	#4EDF9E

#B2FFCC #A1F9C4 #90F4BC #80EFB5 #6FE9AD #5EE4A5 #4EDF9E

#B2FFCC - #4EDF9E

HSV Blend

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

0.0%	0.0% #B2FFCC	RGB 178 255 204	#B2FFCC
16.7%	16.7% #9FF9C1	RGB 159 249 193	#9FF9C1
33.3%	33.3% #8EF4B7	RGB 142 244 183	#8EF4B7
50.0%	50.0% #7DEFAF	RGB 125 239 175	#7DEFAF
66.7%	66.7% #6CE9A8	RGB 108 233 168	#6CE9A8
83.3%	83.3% #5DE4A2	RGB 93 228 162	#5DE4A2
100.0%	100.0% #4EDF9E	RGB 78 223 158	#4EDF9E

#B2FFCC #9FF9C1 #8EF4B7 #7DEFAF #6CE9A8 #5DE4A2 #4EDF9E

#B2FFCC - #7DEFAF - #4EDF9E

CSS codes

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

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