#BDBE00 - #FFEA3C | 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 #BDBE00 to #FFEA3C

#BDBE00 #FFEA3C

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

#BDBE00 - #FFEA3C | 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 #BDBE00 as 0% and #FFEA3C as 100%.

0.0%	0.0% #BDBE00	RGB 189 190 0	#BDBE00
16.7%	16.7% #C8C50A	RGB 200 197 10	#C8C50A
33.3%	33.3% #D3CC14	RGB 211 204 20	#D3CC14
50.0%	50.0% #DED41E	RGB 222 212 30	#DED41E
66.7%	66.7% #E9DB28	RGB 233 219 40	#E9DB28
83.3%	83.3% #F4E232	RGB 244 226 50	#F4E232
100.0%	100.0% #FFEA3C	RGB 255 234 60	#FFEA3C

#BDBE00 #C8C50A #D3CC14 #DED41E #E9DB28 #F4E232 #FFEA3C

#BDBE00 - #FFEA3C

HSV Blend

#BDBE00 - #FFEA3C | 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 #BDBE00 as 0% and #FFEA3C as 100%.

0.0%	0.0% #BDBE00	RGB 189 190 0	#BDBE00
16.7%	16.7% #C8C607	RGB 200 198 7	#C8C607
33.3%	33.3% #D3CD10	RGB 211 205 16	#D3CD10
50.0%	50.0% #DED41A	RGB 222 212 26	#DED41A
66.7%	66.7% #E9DB24	RGB 233 219 36	#E9DB24
83.3%	83.3% #F4E22F	RGB 244 226 47	#F4E22F
100.0%	100.0% #FFEA3C	RGB 255 234 60	#FFEA3C

#BDBE00 #C8C607 #D3CD10 #DED41A #E9DB24 #F4E22F #FFEA3C

#BDBE00 - #DED41A - #FFEA3C

CSS codes

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

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