#16E5A6 - #BCF7E5 | 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 #16E5A6 to #BCF7E5

#16E5A6 #BCF7E5

Calculate the color between two colors, #16E5A6 and #BCF7E5. 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)

#16E5A6 - #BCF7E5 | 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 #16E5A6 as 0% and #BCF7E5 as 100%.

0.0%	0.0% #16E5A6	RGB 22 229 166	#16E5A6
16.7%	16.7% #31E8B0	RGB 49 232 176	#31E8B0
33.3%	33.3% #4DEBBB	RGB 77 235 187	#4DEBBB
50.0%	50.0% #69EEC5	RGB 105 238 197	#69EEC5
66.7%	66.7% #84F1D0	RGB 132 241 208	#84F1D0
83.3%	83.3% #A0F4DA	RGB 160 244 218	#A0F4DA
100.0%	100.0% #BCF7E5	RGB 188 247 229	#BCF7E5

#16E5A6 #31E8B0 #4DEBBB #69EEC5 #84F1D0 #A0F4DA #BCF7E5

#16E5A6 - #BCF7E5

HSV Blend

#16E5A6 - #BCF7E5 | 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 #16E5A6 as 0% and #BCF7E5 as 100%.

0.0%	0.0% #16E5A5	RGB 22 229 165	#16E5A5
16.7%	16.7% #30E8AF	RGB 48 232 175	#30E8AF
33.3%	33.3% #4AEBBA	RGB 74 235 186	#4AEBBA
50.0%	50.0% #66EEC4	RGB 102 238 196	#66EEC4
66.7%	66.7% #82F1CF	RGB 130 241 207	#82F1CF
83.3%	83.3% #9EF4D9	RGB 158 244 217	#9EF4D9
100.0%	100.0% #BCF7E5	RGB 188 247 229	#BCF7E5

#16E5A5 #30E8AF #4AEBBA #66EEC4 #82F1CF #9EF4D9 #BCF7E5

#16E5A6 - #66EEC4 - #BCF7E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #16E5A5 0%, #66EEC4 50%, #BCF7E5 100%);
    background: -webkit-linear-gradient(top, #16E5A5 0%, #66EEC4 50%, #BCF7E5 100%);
    background: linear-gradient(to bottom, #16E5A5 0%, #66EEC4 50%, #BCF7E5 100%);
}
</style>