#B8C84B - #FFED7C | 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 #B8C84B to #FFED7C

#B8C84B #FFED7C

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

#B8C84B - #FFED7C | 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 #B8C84B as 0% and #FFED7C as 100%.

0.0%	0.0% #B8C84B	RGB 184 200 75	#B8C84B
16.7%	16.7% #C3CE53	RGB 195 206 83	#C3CE53
33.3%	33.3% #CFD45B	RGB 207 212 91	#CFD45B
50.0%	50.0% #DBDA63	RGB 219 218 99	#DBDA63
66.7%	66.7% #E7E06B	RGB 231 224 107	#E7E06B
83.3%	83.3% #F3E673	RGB 243 230 115	#F3E673
100.0%	100.0% #FFED7C	RGB 255 237 124	#FFED7C

#B8C84B #C3CE53 #CFD45B #DBDA63 #E7E06B #F3E673 #FFED7C

#B8C84B - #FFED7C

HSV Blend

#B8C84B - #FFED7C | 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 #B8C84B as 0% and #FFED7C as 100%.

0.0%	0.0% #B8C84B	RGB 184 200 75	#B8C84B
16.7%	16.7% #C6D152	RGB 198 209 82	#C6D152
33.3%	33.3% #D5DA59	RGB 213 218 89	#D5DA59
50.0%	50.0% #E3E261	RGB 227 226 97	#E3E261
66.7%	66.7% #ECE66A	RGB 236 230 106	#ECE66A
83.3%	83.3% #F5E972	RGB 245 233 114	#F5E972
100.0%	100.0% #FFED7C	RGB 255 237 124	#FFED7C

#B8C84B #C6D152 #D5DA59 #E3E261 #ECE66A #F5E972 #FFED7C

#B8C84B - #E3E261 - #FFED7C

CSS codes

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

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