#FAFFFA - #B1ECB5 | 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 #FAFFFA to #B1ECB5

#FAFFFA #B1ECB5

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

#FAFFFA - #B1ECB5 | 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 #FAFFFA as 0% and #B1ECB5 as 100%.

0.0%	0.0% #FAFFFA	RGB 250 255 250	#FAFFFA
16.7%	16.7% #EDFBEE	RGB 237 251 238	#EDFBEE
33.3%	33.3% #E1F8E3	RGB 225 248 227	#E1F8E3
50.0%	50.0% #D5F5D7	RGB 213 245 215	#D5F5D7
66.7%	66.7% #C9F2CC	RGB 201 242 204	#C9F2CC
83.3%	83.3% #BDEFC0	RGB 189 239 192	#BDEFC0
100.0%	100.0% #B1ECB5	RGB 177 236 181	#B1ECB5

#FAFFFA #EDFBEE #E1F8E3 #D5F5D7 #C9F2CC #BDEFC0 #B1ECB5

#FAFFFA - #B1ECB5

HSV Blend

#FAFFFA - #B1ECB5 | 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 #FAFFFA as 0% and #B1ECB5 as 100%.

0.0%	0.0% #FAFFFA	RGB 250 255 250	#FAFFFA
16.7%	16.7% #EDFBED	RGB 237 251 237	#EDFBED
33.3%	33.3% #E0F8E1	RGB 224 248 225	#E0F8E1
50.0%	50.0% #D4F5D5	RGB 212 245 213	#D4F5D5
66.7%	66.7% #C8F2CA	RGB 200 242 202	#C8F2CA
83.3%	83.3% #BCEFBF	RGB 188 239 191	#BCEFBF
100.0%	100.0% #B1ECB5	RGB 177 236 181	#B1ECB5

#FAFFFA #EDFBED #E0F8E1 #D4F5D5 #C8F2CA #BCEFBF #B1ECB5

#FAFFFA - #D4F5D5 - #B1ECB5

CSS codes

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

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