#BFD45B - #FFF08C | 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 #BFD45B to #FFF08C

#BFD45B #FFF08C

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

#BFD45B - #FFF08C | 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 #BFD45B as 0% and #FFF08C as 100%.

0.0%	0.0% #BFD45B	RGB 191 212 91	#BFD45B
16.7%	16.7% #C9D863	RGB 201 216 99	#C9D863
33.3%	33.3% #D4DD6B	RGB 212 221 107	#D4DD6B
50.0%	50.0% #DFE273	RGB 223 226 115	#DFE273
66.7%	66.7% #E9E67B	RGB 233 230 123	#E9E67B
83.3%	83.3% #F4EB83	RGB 244 235 131	#F4EB83
100.0%	100.0% #FFF08C	RGB 255 240 140	#FFF08C

#BFD45B #C9D863 #D4DD6B #DFE273 #E9E67B #F4EB83 #FFF08C

#BFD45B - #FFF08C

HSV Blend

#BFD45B - #FFF08C | 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 #BFD45B as 0% and #FFF08C as 100%.

0.0%	0.0% #BFD45A	RGB 191 212 90	#BFD45A
16.7%	16.7% #CCDB62	RGB 204 219 98	#CCDB62
33.3%	33.3% #D9E26A	RGB 217 226 106	#D9E26A
50.0%	50.0% #E6E972	RGB 230 233 114	#E6E972
66.7%	66.7% #F0ED7A	RGB 240 237 122	#F0ED7A
83.3%	83.3% #F7EE83	RGB 247 238 131	#F7EE83
100.0%	100.0% #FFF08C	RGB 255 240 140	#FFF08C

#BFD45A #CCDB62 #D9E26A #E6E972 #F0ED7A #F7EE83 #FFF08C

#BFD45B - #E6E972 - #FFF08C

CSS codes

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

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