#BFEFAF - #F9FEC9 | 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 #BFEFAF to #F9FEC9

#BFEFAF #F9FEC9

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

#BFEFAF - #F9FEC9 | 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 #BFEFAF as 0% and #F9FEC9 as 100%.

0.0%	0.0% #BFEFAF	RGB 191 239 175	#BFEFAF
16.7%	16.7% #C8F1B3	RGB 200 241 179	#C8F1B3
33.3%	33.3% #D2F4B7	RGB 210 244 183	#D2F4B7
50.0%	50.0% #DCF6BC	RGB 220 246 188	#DCF6BC
66.7%	66.7% #E5F9C0	RGB 229 249 192	#E5F9C0
83.3%	83.3% #EFFBC4	RGB 239 251 196	#EFFBC4
100.0%	100.0% #F9FEC9	RGB 249 254 201	#F9FEC9

#BFEFAF #C8F1B3 #D2F4B7 #DCF6BC #E5F9C0 #EFFBC4 #F9FEC9

#BFEFAF - #F9FEC9

HSV Blend

#BFEFAF - #F9FEC9 | 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 #BFEFAF as 0% and #F9FEC9 as 100%.

0.0%	0.0% #BFEFAF	RGB 191 239 175	#BFEFAF
16.7%	16.7% #C9F1B3	RGB 201 241 179	#C9F1B3
33.3%	33.3% #D3F4B7	RGB 211 244 183	#D3F4B7
50.0%	50.0% #DDF6BB	RGB 221 246 187	#DDF6BB
66.7%	66.7% #E7F9C0	RGB 231 249 192	#E7F9C0
83.3%	83.3% #F0FBC4	RGB 240 251 196	#F0FBC4
100.0%	100.0% #F9FEC9	RGB 249 254 201	#F9FEC9

#BFEFAF #C9F1B3 #D3F4B7 #DDF6BB #E7F9C0 #F0FBC4 #F9FEC9

#BFEFAF - #DDF6BB - #F9FEC9

CSS codes

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

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