#B6DB8F - #FFEFAC | 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 #B6DB8F to #FFEFAC

#B6DB8F #FFEFAC

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

#B6DB8F - #FFEFAC | 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 #B6DB8F as 0% and #FFEFAC as 100%.

0.0%	0.0% #B6DB8F	RGB 182 219 143	#B6DB8F
16.7%	16.7% #C2DE93	RGB 194 222 147	#C2DE93
33.3%	33.3% #CEE198	RGB 206 225 152	#CEE198
50.0%	50.0% #DAE59D	RGB 218 229 157	#DAE59D
66.7%	66.7% #E6E8A2	RGB 230 232 162	#E6E8A2
83.3%	83.3% #F2EBA7	RGB 242 235 167	#F2EBA7
100.0%	100.0% #FFEFAC	RGB 255 239 172	#FFEFAC

#B6DB8F #C2DE93 #CEE198 #DAE59D #E6E8A2 #F2EBA7 #FFEFAC

#B6DB8F - #FFEFAC

HSV Blend

#B6DB8F - #FFEFAC | 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 #B6DB8F as 0% and #FFEFAC as 100%.

0.0%	0.0% #B6DB8F	RGB 182 219 143	#B6DB8F
16.7%	16.7% #C4E193	RGB 196 225 147	#C4E193
33.3%	33.3% #D2E798	RGB 210 231 152	#D2E798
50.0%	50.0% #E1ED9D	RGB 225 237 157	#E1ED9D
66.7%	66.7% #F0F3A2	RGB 240 243 162	#F0F3A2
83.3%	83.3% #F9F2A7	RGB 249 242 167	#F9F2A7
100.0%	100.0% #FFEFAC	RGB 255 239 172	#FFEFAC

#B6DB8F #C4E193 #D2E798 #E1ED9D #F0F3A2 #F9F2A7 #FFEFAC

#B6DB8F - #E1ED9D - #FFEFAC

CSS codes

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

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