#E5E391 - #BCBE1E | 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 #E5E391 to #BCBE1E

#E5E391 #BCBE1E

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

#E5E391 - #BCBE1E | 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 #E5E391 as 0% and #BCBE1E as 100%.

0.0%	0.0% #E5E391	RGB 229 227 145	#E5E391
16.7%	16.7% #DEDC7D	RGB 222 220 125	#DEDC7D
33.3%	33.3% #D7D66A	RGB 215 214 106	#D7D66A
50.0%	50.0% #D0D057	RGB 208 208 87	#D0D057
66.7%	66.7% #C9CA44	RGB 201 202 68	#C9CA44
83.3%	83.3% #C2C431	RGB 194 196 49	#C2C431
100.0%	100.0% #BCBE1E	RGB 188 190 30	#BCBE1E

#E5E391 #DEDC7D #D7D66A #D0D057 #C9CA44 #C2C431 #BCBE1E

#E5E391 - #BCBE1E

HSV Blend

#E5E391 - #BCBE1E | 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 #E5E391 as 0% and #BCBE1E as 100%.

0.0%	0.0% #E5E391	RGB 229 227 145	#E5E391
16.7%	16.7% #DEDC7B	RGB 222 220 123	#DEDC7B
33.3%	33.3% #D8D666	RGB 216 214 102	#D8D666
50.0%	50.0% #D1D052	RGB 209 208 82	#D1D052
66.7%	66.7% #CACB40	RGB 202 203 64	#CACB40
83.3%	83.3% #C3C42E	RGB 195 196 46	#C3C42E
100.0%	100.0% #BCBE1E	RGB 188 190 30	#BCBE1E

#E5E391 #DEDC7B #D8D666 #D1D052 #CACB40 #C3C42E #BCBE1E

#E5E391 - #D1D052 - #BCBE1E

CSS codes

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

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