#BAFF9C - #CEFAC6 | 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 #BAFF9C to #CEFAC6

#BAFF9C #CEFAC6

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

#BAFF9C - #CEFAC6 | 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 #BAFF9C as 0% and #CEFAC6 as 100%.

0.0%	0.0% #BAFF9C	RGB 186 255 156	#BAFF9C
16.7%	16.7% #BDFEA3	RGB 189 254 163	#BDFEA3
33.3%	33.3% #C0FDAA	RGB 192 253 170	#C0FDAA
50.0%	50.0% #C4FCB1	RGB 196 252 177	#C4FCB1
66.7%	66.7% #C7FBB8	RGB 199 251 184	#C7FBB8
83.3%	83.3% #CAFABF	RGB 202 250 191	#CAFABF
100.0%	100.0% #CEFAC6	RGB 206 250 198	#CEFAC6

#BAFF9C #BDFEA3 #C0FDAA #C4FCB1 #C7FBB8 #CAFABF #CEFAC6

#BAFF9C - #CEFAC6

HSV Blend

#BAFF9C - #CEFAC6 | 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 #BAFF9C as 0% and #CEFAC6 as 100%.

0.0%	0.0% #BAFF9C	RGB 186 255 156	#BAFF9C
16.7%	16.7% #BCFEA3	RGB 188 254 163	#BCFEA3
33.3%	33.3% #BFFDAA	RGB 191 253 170	#BFFDAA
50.0%	50.0% #C2FCB1	RGB 194 252 177	#C2FCB1
66.7%	66.7% #C5FBB8	RGB 197 251 184	#C5FBB8
83.3%	83.3% #C9FABF	RGB 201 250 191	#C9FABF
100.0%	100.0% #CEFAC6	RGB 206 250 198	#CEFAC6

#BAFF9C #BCFEA3 #BFFDAA #C2FCB1 #C5FBB8 #C9FABF #CEFAC6

#BAFF9C - #C2FCB1 - #CEFAC6

CSS codes

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

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