#BCBC3C - #FFE363 | 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 #BCBC3C to #FFE363

#BCBC3C #FFE363

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

#BCBC3C - #FFE363 | 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 #BCBC3C as 0% and #FFE363 as 100%.

0.0%	0.0% #BCBC3C	RGB 188 188 60	#BCBC3C
16.7%	16.7% #C7C242	RGB 199 194 66	#C7C242
33.3%	33.3% #D2C949	RGB 210 201 73	#D2C949
50.0%	50.0% #DDCF4F	RGB 221 207 79	#DDCF4F
66.7%	66.7% #E8D656	RGB 232 214 86	#E8D656
83.3%	83.3% #F3DC5C	RGB 243 220 92	#F3DC5C
100.0%	100.0% #FFE363	RGB 255 227 99	#FFE363

#BCBC3C #C7C242 #D2C949 #DDCF4F #E8D656 #F3DC5C #FFE363

#BCBC3C - #FFE363

HSV Blend

#BCBC3C - #FFE363 | 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 #BCBC3C as 0% and #FFE363 as 100%.

0.0%	0.0% #BCBC3C	RGB 188 188 60	#BCBC3C
16.7%	16.7% #C7C341	RGB 199 195 65	#C7C341
33.3%	33.3% #D2CA47	RGB 210 202 71	#D2CA47
50.0%	50.0% #DDD04E	RGB 221 208 78	#DDD04E
66.7%	66.7% #E8D654	RGB 232 214 84	#E8D654
83.3%	83.3% #F3DD5B	RGB 243 221 91	#F3DD5B
100.0%	100.0% #FFE363	RGB 255 227 99	#FFE363

#BCBC3C #C7C341 #D2CA47 #DDD04E #E8D654 #F3DD5B #FFE363

#BCBC3C - #DDD04E - #FFE363

CSS codes

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

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