#BDBD3C - #FFE463 | 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 #BDBD3C to #FFE463

#BDBD3C #FFE463

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

#BDBD3C - #FFE463 | 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 #BDBD3C as 0% and #FFE463 as 100%.

0.0%	0.0% #BDBD3C	RGB 189 189 60	#BDBD3C
16.7%	16.7% #C8C342	RGB 200 195 66	#C8C342
33.3%	33.3% #D3CA49	RGB 211 202 73	#D3CA49
50.0%	50.0% #DED04F	RGB 222 208 79	#DED04F
66.7%	66.7% #E9D756	RGB 233 215 86	#E9D756
83.3%	83.3% #F4DD5C	RGB 244 221 92	#F4DD5C
100.0%	100.0% #FFE463	RGB 255 228 99	#FFE463

#BDBD3C #C8C342 #D3CA49 #DED04F #E9D756 #F4DD5C #FFE463

#BDBD3C - #FFE463

HSV Blend

#BDBD3C - #FFE463 | 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 #BDBD3C as 0% and #FFE463 as 100%.

0.0%	0.0% #BDBD3C	RGB 189 189 60	#BDBD3C
16.7%	16.7% #C8C441	RGB 200 196 65	#C8C441
33.3%	33.3% #D3CA47	RGB 211 202 71	#D3CA47
50.0%	50.0% #DED14E	RGB 222 209 78	#DED14E
66.7%	66.7% #E9D754	RGB 233 215 84	#E9D754
83.3%	83.3% #F4DE5B	RGB 244 222 91	#F4DE5B
100.0%	100.0% #FFE463	RGB 255 228 99	#FFE463

#BDBD3C #C8C441 #D3CA47 #DED14E #E9D754 #F4DE5B #FFE463

#BDBD3C - #DED14E - #FFE463

CSS codes

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

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