#BFDA6B - #FFF198 | 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 #BFDA6B to #FFF198

#BFDA6B #FFF198

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

#BFDA6B - #FFF198 | 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 #BFDA6B as 0% and #FFF198 as 100%.

0.0%	0.0% #BFDA6B	RGB 191 218 107	#BFDA6B
16.7%	16.7% #C9DD72	RGB 201 221 114	#C9DD72
33.3%	33.3% #D4E17A	RGB 212 225 122	#D4E17A
50.0%	50.0% #DFE581	RGB 223 229 129	#DFE581
66.7%	66.7% #E9E989	RGB 233 233 137	#E9E989
83.3%	83.3% #F4ED90	RGB 244 237 144	#F4ED90
100.0%	100.0% #FFF198	RGB 255 241 152	#FFF198

#BFDA6B #C9DD72 #D4E17A #DFE581 #E9E989 #F4ED90 #FFF198

#BFDA6B - #FFF198

HSV Blend

#BFDA6B - #FFF198 | 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 #BFDA6B as 0% and #FFF198 as 100%.

0.0%	0.0% #BFDA6B	RGB 191 218 107	#BFDA6B
16.7%	16.7% #CCE071	RGB 204 224 113	#CCE071
33.3%	33.3% #D9E679	RGB 217 230 121	#D9E679
50.0%	50.0% #E6EC80	RGB 230 236 128	#E6EC80
66.7%	66.7% #F2F188	RGB 242 241 136	#F2F188
83.3%	83.3% #F8F18F	RGB 248 241 143	#F8F18F
100.0%	100.0% #FFF198	RGB 255 241 152	#FFF198

#BFDA6B #CCE071 #D9E679 #E6EC80 #F2F188 #F8F18F #FFF198

#BFDA6B - #E6EC80 - #FFF198

CSS codes

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

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