#BFBB5E - #FFE37F | 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 #BFBB5E to #FFE37F

#BFBB5E #FFE37F

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

#BFBB5E - #FFE37F | 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 #BFBB5E as 0% and #FFE37F as 100%.

0.0%	0.0% #BFBB5E	RGB 191 187 94	#BFBB5E
16.7%	16.7% #C9C163	RGB 201 193 99	#C9C163
33.3%	33.3% #D4C869	RGB 212 200 105	#D4C869
50.0%	50.0% #DFCF6E	RGB 223 207 110	#DFCF6E
66.7%	66.7% #E9D574	RGB 233 213 116	#E9D574
83.3%	83.3% #F4DC79	RGB 244 220 121	#F4DC79
100.0%	100.0% #FFE37F	RGB 255 227 127	#FFE37F

#BFBB5E #C9C163 #D4C869 #DFCF6E #E9D574 #F4DC79 #FFE37F

#BFBB5E - #FFE37F

HSV Blend

#BFBB5E - #FFE37F | 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 #BFBB5E as 0% and #FFE37F as 100%.

0.0%	0.0% #BFBB5E	RGB 191 187 94	#BFBB5E
16.7%	16.7% #C9C263	RGB 201 194 99	#C9C263
33.3%	33.3% #D4C968	RGB 212 201 104	#D4C968
50.0%	50.0% #DFD06E	RGB 223 208 110	#DFD06E
66.7%	66.7% #E9D673	RGB 233 214 115	#E9D673
83.3%	83.3% #F4DD79	RGB 244 221 121	#F4DD79
100.0%	100.0% #FFE37F	RGB 255 227 127	#FFE37F

#BFBB5E #C9C263 #D4C968 #DFD06E #E9D673 #F4DD79 #FFE37F

#BFBB5E - #DFD06E - #FFE37F

CSS codes

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

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