#BCFDF5 - #4BDCD4 | 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 #BCFDF5 to #4BDCD4

#BCFDF5 #4BDCD4

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

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

0.0%	0.0% #BCFDF5	RGB 188 253 245	#BCFDF5
16.7%	16.7% #A9F7EF	RGB 169 247 239	#A9F7EF
33.3%	33.3% #96F2EA	RGB 150 242 234	#96F2EA
50.0%	50.0% #83ECE4	RGB 131 236 228	#83ECE4
66.7%	66.7% #70E7DF	RGB 112 231 223	#70E7DF
83.3%	83.3% #5DE1D9	RGB 93 225 217	#5DE1D9
100.0%	100.0% #4BDCD4	RGB 75 220 212	#4BDCD4

#BCFDF5 #A9F7EF #96F2EA #83ECE4 #70E7DF #5DE1D9 #4BDCD4

#BCFDF5 - #4BDCD4

HSV Blend

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

0.0%	0.0% #BCFDF5	RGB 188 253 245	#BCFDF5
16.7%	16.7% #A7F7EE	RGB 167 247 238	#A7F7EE
33.3%	33.3% #93F2E8	RGB 147 242 232	#93F2E8
50.0%	50.0% #80ECE2	RGB 128 236 226	#80ECE2
66.7%	66.7% #6DE7DD	RGB 109 231 221	#6DE7DD
83.3%	83.3% #5BE1D8	RGB 91 225 216	#5BE1D8
100.0%	100.0% #4BDCD4	RGB 75 220 212	#4BDCD4

#BCFDF5 #A7F7EE #93F2E8 #80ECE2 #6DE7DD #5BE1D8 #4BDCD4

#BCFDF5 - #80ECE2 - #4BDCD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCFDF5 0%, #80ECE2 50%, #4BDCD4 100%);
    background: -webkit-linear-gradient(top, #BCFDF5 0%, #80ECE2 50%, #4BDCD4 100%);
    background: linear-gradient(to bottom, #BCFDF5 0%, #80ECE2 50%, #4BDCD4 100%);
}
</style>