#BAFEE3 - #C9F2CB | 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 #BAFEE3 to #C9F2CB

#BAFEE3 #C9F2CB

Calculate the color between two colors, #BAFEE3 and #C9F2CB. 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)

#BAFEE3 - #C9F2CB | 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 #BAFEE3 as 0% and #C9F2CB as 100%.

0.0%	0.0% #BAFEE3	RGB 186 254 227	#BAFEE3
16.7%	16.7% #BCFCDF	RGB 188 252 223	#BCFCDF
33.3%	33.3% #BFFADB	RGB 191 250 219	#BFFADB
50.0%	50.0% #C1F8D7	RGB 193 248 215	#C1F8D7
66.7%	66.7% #C4F6D3	RGB 196 246 211	#C4F6D3
83.3%	83.3% #C6F4CF	RGB 198 244 207	#C6F4CF
100.0%	100.0% #C9F2CB	RGB 201 242 203	#C9F2CB

#BAFEE3 #BCFCDF #BFFADB #C1F8D7 #C4F6D3 #C6F4CF #C9F2CB

#BAFEE3 - #C9F2CB

HSV Blend

#BAFEE3 - #C9F2CB | 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 #BAFEE3 as 0% and #C9F2CB as 100%.

0.0%	0.0% #BAFEE3	RGB 186 254 227	#BAFEE3
16.7%	16.7% #BCFCDD	RGB 188 252 221	#BCFCDD
33.3%	33.3% #BFFAD7	RGB 191 250 215	#BFFAD7
50.0%	50.0% #C1F8D3	RGB 193 248 211	#C1F8D3
66.7%	66.7% #C4F6CF	RGB 196 246 207	#C4F6CF
83.3%	83.3% #C6F4CD	RGB 198 244 205	#C6F4CD
100.0%	100.0% #C9F2CB	RGB 201 242 203	#C9F2CB

#BAFEE3 #BCFCDD #BFFAD7 #C1F8D3 #C4F6CF #C6F4CD #C9F2CB

#BAFEE3 - #C1F8D3 - #C9F2CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAFEE3 0%, #C1F8D3 50%, #C9F2CB 100%);
    background: -webkit-linear-gradient(top, #BAFEE3 0%, #C1F8D3 50%, #C9F2CB 100%);
    background: linear-gradient(to bottom, #BAFEE3 0%, #C1F8D3 50%, #C9F2CB 100%);
}
</style>