#B9BA3E - #FFE76F | 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 #B9BA3E to #FFE76F

#B9BA3E #FFE76F

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

#B9BA3E - #FFE76F | 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 #B9BA3E as 0% and #FFE76F as 100%.

0.0%	0.0% #B9BA3E	RGB 185 186 62	#B9BA3E
16.7%	16.7% #C4C146	RGB 196 193 70	#C4C146
33.3%	33.3% #D0C94E	RGB 208 201 78	#D0C94E
50.0%	50.0% #DCD056	RGB 220 208 86	#DCD056
66.7%	66.7% #E7D85E	RGB 231 216 94	#E7D85E
83.3%	83.3% #F3DF66	RGB 243 223 102	#F3DF66
100.0%	100.0% #FFE76F	RGB 255 231 111	#FFE76F

#B9BA3E #C4C146 #D0C94E #DCD056 #E7D85E #F3DF66 #FFE76F

#B9BA3E - #FFE76F

HSV Blend

#B9BA3E - #FFE76F | 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 #B9BA3E as 0% and #FFE76F as 100%.

0.0%	0.0% #B9BA3E	RGB 185 186 62	#B9BA3E
16.7%	16.7% #C5C245	RGB 197 194 69	#C5C245
33.3%	33.3% #D1CA4C	RGB 209 202 76	#D1CA4C
50.0%	50.0% #DCD154	RGB 220 209 84	#DCD154
66.7%	66.7% #E8D85D	RGB 232 216 93	#E8D85D
83.3%	83.3% #F3E065	RGB 243 224 101	#F3E065
100.0%	100.0% #FFE76F	RGB 255 231 111	#FFE76F

#B9BA3E #C5C245 #D1CA4C #DCD154 #E8D85D #F3E065 #FFE76F

#B9BA3E - #DCD154 - #FFE76F

CSS codes

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

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