#F1FCA2 - #BFCF3E | 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 #F1FCA2 to #BFCF3E

#F1FCA2 #BFCF3E

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

#F1FCA2 - #BFCF3E | 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 #F1FCA2 as 0% and #BFCF3E as 100%.

0.0%	0.0% #F1FCA2	RGB 241 252 162	#F1FCA2
16.7%	16.7% #E8F491	RGB 232 244 145	#E8F491
33.3%	33.3% #E0ED80	RGB 224 237 128	#E0ED80
50.0%	50.0% #D8E570	RGB 216 229 112	#D8E570
66.7%	66.7% #CFDE5F	RGB 207 222 95	#CFDE5F
83.3%	83.3% #C7D64E	RGB 199 214 78	#C7D64E
100.0%	100.0% #BFCF3E	RGB 191 207 62	#BFCF3E

#F1FCA2 #E8F491 #E0ED80 #D8E570 #CFDE5F #C7D64E #BFCF3E

#F1FCA2 - #BFCF3E

HSV Blend

#F1FCA2 - #BFCF3E | 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 #F1FCA2 as 0% and #BFCF3E as 100%.

0.0%	0.0% #F1FCA2	RGB 241 252 162	#F1FCA2
16.7%	16.7% #E8F48F	RGB 232 244 143	#E8F48F
33.3%	33.3% #DFED7D	RGB 223 237 125	#DFED7D
50.0%	50.0% #D7E56C	RGB 215 229 108	#D7E56C
66.7%	66.7% #CFDE5B	RGB 207 222 91	#CFDE5B
83.3%	83.3% #C7D64C	RGB 199 214 76	#C7D64C
100.0%	100.0% #BFCF3E	RGB 191 207 62	#BFCF3E

#F1FCA2 #E8F48F #DFED7D #D7E56C #CFDE5B #C7D64C #BFCF3E

#F1FCA2 - #D7E56C - #BFCF3E

CSS codes

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

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