#B5A81B - #FFD940 | 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 #B5A81B to #FFD940

#B5A81B #FFD940

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

#B5A81B - #FFD940 | 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 #B5A81B as 0% and #FFD940 as 100%.

0.0%	0.0% #B5A81B	RGB 181 168 27	#B5A81B
16.7%	16.7% #C1B021	RGB 193 176 33	#C1B021
33.3%	33.3% #CDB827	RGB 205 184 39	#CDB827
50.0%	50.0% #DAC02D	RGB 218 192 45	#DAC02D
66.7%	66.7% #E6C833	RGB 230 200 51	#E6C833
83.3%	83.3% #F2D039	RGB 242 208 57	#F2D039
100.0%	100.0% #FFD940	RGB 255 217 64	#FFD940

#B5A81B #C1B021 #CDB827 #DAC02D #E6C833 #F2D039 #FFD940

#B5A81B - #FFD940

HSV Blend

#B5A81B - #FFD940 | 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 #B5A81B as 0% and #FFD940 as 100%.

0.0%	0.0% #B5A81B	RGB 181 168 27	#B5A81B
16.7%	16.7% #C1B020	RGB 193 176 32	#C1B020
33.3%	33.3% #CDB925	RGB 205 185 37	#CDB925
50.0%	50.0% #DAC12B	RGB 218 193 43	#DAC12B
66.7%	66.7% #E6C931	RGB 230 201 49	#E6C931
83.3%	83.3% #F2D138	RGB 242 209 56	#F2D138
100.0%	100.0% #FFD940	RGB 255 217 64	#FFD940

#B5A81B #C1B020 #CDB925 #DAC12B #E6C931 #F2D138 #FFD940

#B5A81B - #DAC12B - #FFD940

CSS codes

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

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