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

#BEBC3C #FFE363

Calculate the color between two colors, #BEBC3C 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)

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

0.0%	0.0% #BEBC3C	RGB 190 188 60	#BEBC3C
16.7%	16.7% #C8C242	RGB 200 194 66	#C8C242
33.3%	33.3% #D3C949	RGB 211 201 73	#D3C949
50.0%	50.0% #DECF4F	RGB 222 207 79	#DECF4F
66.7%	66.7% #E9D656	RGB 233 214 86	#E9D656
83.3%	83.3% #F4DC5C	RGB 244 220 92	#F4DC5C
100.0%	100.0% #FFE363	RGB 255 227 99	#FFE363

#BEBC3C #C8C242 #D3C949 #DECF4F #E9D656 #F4DC5C #FFE363

#BEBC3C - #FFE363

HSV Blend

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

0.0%	0.0% #BEBC3C	RGB 190 188 60	#BEBC3C
16.7%	16.7% #C8C341	RGB 200 195 65	#C8C341
33.3%	33.3% #D3C947	RGB 211 201 71	#D3C947
50.0%	50.0% #DED04E	RGB 222 208 78	#DED04E
66.7%	66.7% #E9D654	RGB 233 214 84	#E9D654
83.3%	83.3% #F4DC5B	RGB 244 220 91	#F4DC5B
100.0%	100.0% #FFE363	RGB 255 227 99	#FFE363

#BEBC3C #C8C341 #D3C947 #DED04E #E9D654 #F4DC5B #FFE363

#BEBC3C - #DED04E - #FFE363

CSS codes

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

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