#B9CF2B - #FFF166 | 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 #B9CF2B to #FFF166

#B9CF2B #FFF166

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

#B9CF2B - #FFF166 | 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 #B9CF2B as 0% and #FFF166 as 100%.

0.0%	0.0% #B9CF2B	RGB 185 207 43	#B9CF2B
16.7%	16.7% #C4D434	RGB 196 212 52	#C4D434
33.3%	33.3% #D0DA3E	RGB 208 218 62	#D0DA3E
50.0%	50.0% #DCE048	RGB 220 224 72	#DCE048
66.7%	66.7% #E7E552	RGB 231 229 82	#E7E552
83.3%	83.3% #F3EB5C	RGB 243 235 92	#F3EB5C
100.0%	100.0% #FFF166	RGB 255 241 102	#FFF166

#B9CF2B #C4D434 #D0DA3E #DCE048 #E7E552 #F3EB5C #FFF166

#B9CF2B - #FFF166

HSV Blend

#B9CF2B - #FFF166 | 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 #B9CF2B as 0% and #FFF166 as 100%.

0.0%	0.0% #B9CF2B	RGB 185 207 43	#B9CF2B
16.7%	16.7% #C7D733	RGB 199 215 51	#C7D733
33.3%	33.3% #D5DF3C	RGB 213 223 60	#D5DF3C
50.0%	50.0% #E3E746	RGB 227 231 70	#E3E746
66.7%	66.7% #EFEC50	RGB 239 236 80	#EFEC50
83.3%	83.3% #F7EE5A	RGB 247 238 90	#F7EE5A
100.0%	100.0% #FFF166	RGB 255 241 102	#FFF166

#B9CF2B #C7D733 #D5DF3C #E3E746 #EFEC50 #F7EE5A #FFF166

#B9CF2B - #E3E746 - #FFF166

CSS codes

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

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