#B8C30C - #FFED49 | 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 #B8C30C to #FFED49

#B8C30C #FFED49

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

#B8C30C - #FFED49 | 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 #B8C30C as 0% and #FFED49 as 100%.

0.0%	0.0% #B8C30C	RGB 184 195 12	#B8C30C
16.7%	16.7% #C3CA16	RGB 195 202 22	#C3CA16
33.3%	33.3% #CFD120	RGB 207 209 32	#CFD120
50.0%	50.0% #DBD82A	RGB 219 216 42	#DBD82A
66.7%	66.7% #E7DF34	RGB 231 223 52	#E7DF34
83.3%	83.3% #F3E63E	RGB 243 230 62	#F3E63E
100.0%	100.0% #FFED49	RGB 255 237 73	#FFED49

#B8C30C #C3CA16 #CFD120 #DBD82A #E7DF34 #F3E63E #FFED49

#B8C30C - #FFED49

HSV Blend

#B8C30C - #FFED49 | 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 #B8C30C as 0% and #FFED49 as 100%.

0.0%	0.0% #B7C30C	RGB 183 195 12	#B7C30C
16.7%	16.7% #C6CD14	RGB 198 205 20	#C6CD14
33.3%	33.3% #D5D71D	RGB 213 215 29	#D5D71D
50.0%	50.0% #E1DD27	RGB 225 221 39	#E1DD27
66.7%	66.7% #EBE231	RGB 235 226 49	#EBE231
83.3%	83.3% #F5E73C	RGB 245 231 60	#F5E73C
100.0%	100.0% #FFED49	RGB 255 237 73	#FFED49

#B7C30C #C6CD14 #D5D71D #E1DD27 #EBE231 #F5E73C #FFED49

#B8C30C - #E1DD27 - #FFED49

CSS codes

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

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