#BDBE00 - #ECECB6 | 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 #ECECB6

#BDBE00 #ECECB6

Calculate the color between two colors, #BDBE00 and #ECECB6. 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 - #ECECB6 | 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 #ECECB6 as 100%.

0.0%	0.0% #BDBE00	RGB 189 190 0	#BDBE00
16.7%	16.7% #C4C51E	RGB 196 197 30	#C4C51E
33.3%	33.3% #CCCD3C	RGB 204 205 60	#CCCD3C
50.0%	50.0% #D4D55B	RGB 212 213 91	#D4D55B
66.7%	66.7% #DCDC79	RGB 220 220 121	#DCDC79
83.3%	83.3% #E4E497	RGB 228 228 151	#E4E497
100.0%	100.0% #ECECB6	RGB 236 236 182	#ECECB6

#BDBE00 #C4C51E #CCCD3C #D4D55B #DCDC79 #E4E497 #ECECB6

#BDBE00 - #ECECB6

HSV Blend

#BDBE00 - #ECECB6 | 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 #ECECB6 as 100%.

0.0%	0.0% #BDBE00	RGB 189 190 0	#BDBE00
16.7%	16.7% #C4C519	RGB 196 197 25	#C4C519
33.3%	33.3% #CCCD34	RGB 204 205 52	#CCCD34
50.0%	50.0% #D4D552	RGB 212 213 82	#D4D552
66.7%	66.7% #DCDC71	RGB 220 220 113	#DCDC71
83.3%	83.3% #E4E492	RGB 228 228 146	#E4E492
100.0%	100.0% #ECECB6	RGB 236 236 182	#ECECB6

#BDBE00 #C4C519 #CCCD34 #D4D552 #DCDC71 #E4E492 #ECECB6

#BDBE00 - #D4D552 - #ECECB6

CSS codes

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

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