#BE9F00 - #FFD222 | 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 #BE9F00 to #FFD222

#BE9F00 #FFD222

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

#BE9F00 - #FFD222 | 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 #BE9F00 as 0% and #FFD222 as 100%.

0.0%	0.0% #BE9F00	RGB 190 159 0	#BE9F00
16.7%	16.7% #C8A705	RGB 200 167 5	#C8A705
33.3%	33.3% #D3B00B	RGB 211 176 11	#D3B00B
50.0%	50.0% #DEB811	RGB 222 184 17	#DEB811
66.7%	66.7% #E9C116	RGB 233 193 22	#E9C116
83.3%	83.3% #F4C91C	RGB 244 201 28	#F4C91C
100.0%	100.0% #FFD222	RGB 255 210 34	#FFD222

#BE9F00 #C8A705 #D3B00B #DEB811 #E9C116 #F4C91C #FFD222

#BE9F00 - #FFD222

HSV Blend

#BE9F00 - #FFD222 | 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 #BE9F00 as 0% and #FFD222 as 100%.

0.0%	0.0% #BE9F00	RGB 190 159 0	#BE9F00
16.7%	16.7% #C8A704	RGB 200 167 4	#C8A704
33.3%	33.3% #D3AF09	RGB 211 175 9	#D3AF09
50.0%	50.0% #DEB80E	RGB 222 184 14	#DEB80E
66.7%	66.7% #E9C014	RGB 233 192 20	#E9C014
83.3%	83.3% #F4C91B	RGB 244 201 27	#F4C91B
100.0%	100.0% #FFD222	RGB 255 210 34	#FFD222

#BE9F00 #C8A704 #D3AF09 #DEB80E #E9C014 #F4C91B #FFD222

#BE9F00 - #DEB80E - #FFD222

CSS codes

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

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