#BFFF8C - #F2FFBC | 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 #BFFF8C to #F2FFBC

#BFFF8C #F2FFBC

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

#BFFF8C - #F2FFBC | 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 #BFFF8C as 0% and #F2FFBC as 100%.

0.0%	0.0% #BFFF8C	RGB 191 255 140	#BFFF8C
16.7%	16.7% #C7FF94	RGB 199 255 148	#C7FF94
33.3%	33.3% #D0FF9C	RGB 208 255 156	#D0FF9C
50.0%	50.0% #D8FFA4	RGB 216 255 164	#D8FFA4
66.7%	66.7% #E1FFAC	RGB 225 255 172	#E1FFAC
83.3%	83.3% #E9FFB4	RGB 233 255 180	#E9FFB4
100.0%	100.0% #F2FFBC	RGB 242 255 188	#F2FFBC

#BFFF8C #C7FF94 #D0FF9C #D8FFA4 #E1FFAC #E9FFB4 #F2FFBC

#BFFF8C - #F2FFBC

HSV Blend

#BFFF8C - #F2FFBC | 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 #BFFF8C as 0% and #F2FFBC as 100%.

0.0%	0.0% #BFFF8C	RGB 191 255 140	#BFFF8C
16.7%	16.7% #C9FF94	RGB 201 255 148	#C9FF94
33.3%	33.3% #D3FF9C	RGB 211 255 156	#D3FF9C
50.0%	50.0% #DCFFA4	RGB 220 255 164	#DCFFA4
66.7%	66.7% #E4FFAC	RGB 228 255 172	#E4FFAC
83.3%	83.3% #EBFFB4	RGB 235 255 180	#EBFFB4
100.0%	100.0% #F2FFBC	RGB 242 255 188	#F2FFBC

#BFFF8C #C9FF94 #D3FF9C #DCFFA4 #E4FFAC #EBFFB4 #F2FFBC

#BFFF8C - #DCFFA4 - #F2FFBC

CSS codes

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

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