#BCBE3C - #FFE96F | 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 #BCBE3C to #FFE96F

#BCBE3C #FFE96F

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

#BCBE3C - #FFE96F | 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 #BCBE3C as 0% and #FFE96F as 100%.

0.0%	0.0% #BCBE3C	RGB 188 190 60	#BCBE3C
16.7%	16.7% #C7C544	RGB 199 197 68	#C7C544
33.3%	33.3% #D2CC4D	RGB 210 204 77	#D2CC4D
50.0%	50.0% #DDD355	RGB 221 211 85	#DDD355
66.7%	66.7% #E8DA5E	RGB 232 218 94	#E8DA5E
83.3%	83.3% #F3E166	RGB 243 225 102	#F3E166
100.0%	100.0% #FFE96F	RGB 255 233 111	#FFE96F

#BCBE3C #C7C544 #D2CC4D #DDD355 #E8DA5E #F3E166 #FFE96F

#BCBE3C - #FFE96F

HSV Blend

#BCBE3C - #FFE96F | 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 #BCBE3C as 0% and #FFE96F as 100%.

0.0%	0.0% #BCBE3C	RGB 188 190 60	#BCBE3C
16.7%	16.7% #C8C743	RGB 200 199 67	#C8C743
33.3%	33.3% #D3CE4B	RGB 211 206 75	#D3CE4B
50.0%	50.0% #DED453	RGB 222 212 83	#DED453
66.7%	66.7% #E9DB5C	RGB 233 219 92	#E9DB5C
83.3%	83.3% #F4E265	RGB 244 226 101	#F4E265
100.0%	100.0% #FFE96F	RGB 255 233 111	#FFE96F

#BCBE3C #C8C743 #D3CE4B #DED453 #E9DB5C #F4E265 #FFE96F

#BCBE3C - #DED453 - #FFE96F

CSS codes

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

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