#BFDBA3 - #FEEFBA | 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 #BFDBA3 to #FEEFBA

#BFDBA3 #FEEFBA

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

#BFDBA3 - #FEEFBA | 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 #BFDBA3 as 0% and #FEEFBA as 100%.

0.0%	0.0% #BFDBA3	RGB 191 219 163	#BFDBA3
16.7%	16.7% #C9DEA6	RGB 201 222 166	#C9DEA6
33.3%	33.3% #D4E1AA	RGB 212 225 170	#D4E1AA
50.0%	50.0% #DEE5AE	RGB 222 229 174	#DEE5AE
66.7%	66.7% #E9E8B2	RGB 233 232 178	#E9E8B2
83.3%	83.3% #F3EBB6	RGB 243 235 182	#F3EBB6
100.0%	100.0% #FEEFBA	RGB 254 239 186	#FEEFBA

#BFDBA3 #C9DEA6 #D4E1AA #DEE5AE #E9E8B2 #F3EBB6 #FEEFBA

#BFDBA3 - #FEEFBA

HSV Blend

#BFDBA3 - #FEEFBA | 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 #BFDBA3 as 0% and #FEEFBA as 100%.

0.0%	0.0% #BFDBA3	RGB 191 219 163	#BFDBA3
16.7%	16.7% #CAE0A6	RGB 202 224 166	#CAE0A6
33.3%	33.3% #D7E6AA	RGB 215 230 170	#D7E6AA
50.0%	50.0% #E3ECAE	RGB 227 236 174	#E3ECAE
66.7%	66.7% #F1F2B2	RGB 241 242 178	#F1F2B2
83.3%	83.3% #F8F1B6	RGB 248 241 182	#F8F1B6
100.0%	100.0% #FEEFBA	RGB 254 239 186	#FEEFBA

#BFDBA3 #CAE0A6 #D7E6AA #E3ECAE #F1F2B2 #F8F1B6 #FEEFBA

#BFDBA3 - #E3ECAE - #FEEFBA

CSS codes

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

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