#B9FFCD - #FCFFC1 | 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 #B9FFCD to #FCFFC1

#B9FFCD #FCFFC1

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

#B9FFCD - #FCFFC1 | 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 #B9FFCD as 0% and #FCFFC1 as 100%.

0.0%	0.0% #B9FFCD	RGB 185 255 205	#B9FFCD
16.7%	16.7% #C4FFCB	RGB 196 255 203	#C4FFCB
33.3%	33.3% #CFFFC9	RGB 207 255 201	#CFFFC9
50.0%	50.0% #DAFFC7	RGB 218 255 199	#DAFFC7
66.7%	66.7% #E5FFC5	RGB 229 255 197	#E5FFC5
83.3%	83.3% #F0FFC3	RGB 240 255 195	#F0FFC3
100.0%	100.0% #FCFFC1	RGB 252 255 193	#FCFFC1

#B9FFCD #C4FFCB #CFFFC9 #DAFFC7 #E5FFC5 #F0FFC3 #FCFFC1

#B9FFCD - #FCFFC1

HSV Blend

#B9FFCD - #FCFFC1 | 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 #B9FFCD as 0% and #FCFFC1 as 100%.

0.0%	0.0% #B9FFCD	RGB 185 255 205	#B9FFCD
16.7%	16.7% #BAFFBF	RGB 186 255 191	#BAFFBF
33.3%	33.3% #C4FFBB	RGB 196 255 187	#C4FFBB
50.0%	50.0% #D2FFBD	RGB 210 255 189	#D2FFBD
66.7%	66.7% #E1FFBE	RGB 225 255 190	#E1FFBE
83.3%	83.3% #EEFFBF	RGB 238 255 191	#EEFFBF
100.0%	100.0% #FCFFC1	RGB 252 255 193	#FCFFC1

#B9FFCD #BAFFBF #C4FFBB #D2FFBD #E1FFBE #EEFFBF #FCFFC1

#B9FFCD - #D2FFBD - #FCFFC1

CSS codes

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

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