#BAFFDD - #4DCE8D | 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 #BAFFDD to #4DCE8D

#BAFFDD #4DCE8D

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

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

0.0%	0.0% #BAFFDD	RGB 186 255 221	#BAFFDD
16.7%	16.7% #A7F6CF	RGB 167 246 207	#A7F6CF
33.3%	33.3% #95EEC2	RGB 149 238 194	#95EEC2
50.0%	50.0% #83E6B5	RGB 131 230 181	#83E6B5
66.7%	66.7% #71DEA7	RGB 113 222 167	#71DEA7
83.3%	83.3% #5FD69A	RGB 95 214 154	#5FD69A
100.0%	100.0% #4DCE8D	RGB 77 206 141	#4DCE8D

#BAFFDD #A7F6CF #95EEC2 #83E6B5 #71DEA7 #5FD69A #4DCE8D

#BAFFDD - #4DCE8D

HSV Blend

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

0.0%	0.0% #BAFFDD	RGB 186 255 221	#BAFFDD
16.7%	16.7% #A5F6CE	RGB 165 246 206	#A5F6CE
33.3%	33.3% #91EEC0	RGB 145 238 192	#91EEC0
50.0%	50.0% #7FE6B2	RGB 127 230 178	#7FE6B2
66.7%	66.7% #6DDEA5	RGB 109 222 165	#6DDEA5
83.3%	83.3% #5CD699	RGB 92 214 153	#5CD699
100.0%	100.0% #4DCE8D	RGB 77 206 141	#4DCE8D

#BAFFDD #A5F6CE #91EEC0 #7FE6B2 #6DDEA5 #5CD699 #4DCE8D

#BAFFDD - #7FE6B2 - #4DCE8D

CSS codes

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

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