#B5BF2B - #FFEA61 | 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 #B5BF2B to #FFEA61

#B5BF2B #FFEA61

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

#B5BF2B - #FFEA61 | 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 #B5BF2B as 0% and #FFEA61 as 100%.

0.0%	0.0% #B5BF2B	RGB 181 191 43	#B5BF2B
16.7%	16.7% #C1C634	RGB 193 198 52	#C1C634
33.3%	33.3% #CDCD3D	RGB 205 205 61	#CDCD3D
50.0%	50.0% #DAD446	RGB 218 212 70	#DAD446
66.7%	66.7% #E6DB4F	RGB 230 219 79	#E6DB4F
83.3%	83.3% #F2E258	RGB 242 226 88	#F2E258
100.0%	100.0% #FFEA61	RGB 255 234 97	#FFEA61

#B5BF2B #C1C634 #CDCD3D #DAD446 #E6DB4F #F2E258 #FFEA61

#B5BF2B - #FFEA61

HSV Blend

#B5BF2B - #FFEA61 | 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 #B5BF2B as 0% and #FFEA61 as 100%.

0.0%	0.0% #B5BF2B	RGB 181 191 43	#B5BF2B
16.7%	16.7% #C4C932	RGB 196 201 50	#C4C932
33.3%	33.3% #D4D43A	RGB 212 212 58	#D4D43A
50.0%	50.0% #DFD943	RGB 223 217 67	#DFD943
66.7%	66.7% #E9DF4C	RGB 233 223 76	#E9DF4C
83.3%	83.3% #F4E456	RGB 244 228 86	#F4E456
100.0%	100.0% #FFEA61	RGB 255 234 97	#FFEA61

#B5BF2B #C4C932 #D4D43A #DFD943 #E9DF4C #F4E456 #FFEA61

#B5BF2B - #DFD943 - #FFEA61

CSS codes

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

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