#B8FD9F - #FFF2B6 | 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 #B8FD9F to #FFF2B6

#B8FD9F #FFF2B6

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

#B8FD9F - #FFF2B6 | 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 #B8FD9F as 0% and #FFF2B6 as 100%.

0.0%	0.0% #B8FD9F	RGB 184 253 159	#B8FD9F
16.7%	16.7% #C3FBA2	RGB 195 251 162	#C3FBA2
33.3%	33.3% #CFF9A6	RGB 207 249 166	#CFF9A6
50.0%	50.0% #DBF7AA	RGB 219 247 170	#DBF7AA
66.7%	66.7% #E7F5AE	RGB 231 245 174	#E7F5AE
83.3%	83.3% #F3F3B2	RGB 243 243 178	#F3F3B2
100.0%	100.0% #FFF2B6	RGB 255 242 182	#FFF2B6

#B8FD9F #C3FBA2 #CFF9A6 #DBF7AA #E7F5AE #F3F3B2 #FFF2B6

#B8FD9F - #FFF2B6

HSV Blend

#B8FD9F - #FFF2B6 | 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 #B8FD9F as 0% and #FFF2B6 as 100%.

0.0%	0.0% #B8FD9F	RGB 184 253 159	#B8FD9F
16.7%	16.7% #C8FDA2	RGB 200 253 162	#C8FDA2
33.3%	33.3% #D8FDA6	RGB 216 253 166	#D8FDA6
50.0%	50.0% #E6FEAA	RGB 230 254 170	#E6FEAA
66.7%	66.7% #F4FEAE	RGB 244 254 174	#F4FEAE
83.3%	83.3% #FEFCB2	RGB 254 252 178	#FEFCB2
100.0%	100.0% #FFF2B6	RGB 255 242 182	#FFF2B6

#B8FD9F #C8FDA2 #D8FDA6 #E6FEAA #F4FEAE #FEFCB2 #FFF2B6

#B8FD9F - #E6FEAA - #FFF2B6

CSS codes

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

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