#B2B6AF - #F0FFBF | 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 #B2B6AF to #F0FFBF

#B2B6AF #F0FFBF

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

#B2B6AF - #F0FFBF | 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 #B2B6AF as 0% and #F0FFBF as 100%.

0.0%	0.0% #B2B6AF	RGB 178 182 175	#B2B6AF
16.7%	16.7% #BCC2B1	RGB 188 194 177	#BCC2B1
33.3%	33.3% #C6CEB4	RGB 198 206 180	#C6CEB4
50.0%	50.0% #D1DAB7	RGB 209 218 183	#D1DAB7
66.7%	66.7% #DBE6B9	RGB 219 230 185	#DBE6B9
83.3%	83.3% #E5F2BC	RGB 229 242 188	#E5F2BC
100.0%	100.0% #F0FFBF	RGB 240 255 191	#F0FFBF

#B2B6AF #BCC2B1 #C6CEB4 #D1DAB7 #DBE6B9 #E5F2BC #F0FFBF

#B2B6AF - #F0FFBF

HSV Blend

#B2B6AF - #F0FFBF | 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 #B2B6AF as 0% and #F0FFBF as 100%.

0.0%	0.0% #B2B6AF	RGB 178 182 175	#B2B6AF
16.7%	16.7% #BAC2B3	RGB 186 194 179	#BAC2B3
33.3%	33.3% #C3CEB7	RGB 195 206 183	#C3CEB7
50.0%	50.0% #CDDABA	RGB 205 218 186	#CDDABA
66.7%	66.7% #D8E6BD	RGB 216 230 189	#D8E6BD
83.3%	83.3% #E3F2BE	RGB 227 242 190	#E3F2BE
100.0%	100.0% #F0FFBF	RGB 240 255 191	#F0FFBF

#B2B6AF #BAC2B3 #C3CEB7 #CDDABA #D8E6BD #E3F2BE #F0FFBF

#B2B6AF - #CDDABA - #F0FFBF

CSS codes

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

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