#BFDB9F - #FFEFB8 | 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 #BFDB9F to #FFEFB8

#BFDB9F #FFEFB8

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

#BFDB9F - #FFEFB8 | 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 #BFDB9F as 0% and #FFEFB8 as 100%.

0.0%	0.0% #BFDB9F	RGB 191 219 159	#BFDB9F
16.7%	16.7% #C9DEA3	RGB 201 222 163	#C9DEA3
33.3%	33.3% #D4E1A7	RGB 212 225 167	#D4E1A7
50.0%	50.0% #DFE5AB	RGB 223 229 171	#DFE5AB
66.7%	66.7% #E9E8AF	RGB 233 232 175	#E9E8AF
83.3%	83.3% #F4EBB3	RGB 244 235 179	#F4EBB3
100.0%	100.0% #FFEFB8	RGB 255 239 184	#FFEFB8

#BFDB9F #C9DEA3 #D4E1A7 #DFE5AB #E9E8AF #F4EBB3 #FFEFB8

#BFDB9F - #FFEFB8

HSV Blend

#BFDB9F - #FFEFB8 | 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 #BFDB9F as 0% and #FFEFB8 as 100%.

0.0%	0.0% #BFDB9F	RGB 191 219 159	#BFDB9F
16.7%	16.7% #CBE1A3	RGB 203 225 163	#CBE1A3
33.3%	33.3% #D7E7A7	RGB 215 231 167	#D7E7A7
50.0%	50.0% #E5EDAB	RGB 229 237 171	#E5EDAB
66.7%	66.7% #F2F3AF	RGB 242 243 175	#F2F3AF
83.3%	83.3% #F9F1B3	RGB 249 241 179	#F9F1B3
100.0%	100.0% #FFEFB8	RGB 255 239 184	#FFEFB8

#BFDB9F #CBE1A3 #D7E7A7 #E5EDAB #F2F3AF #F9F1B3 #FFEFB8

#BFDB9F - #E5EDAB - #FFEFB8

CSS codes

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

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