#B2D63B - #FFF474 | 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 #B2D63B to #FFF474

#B2D63B #FFF474

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

#B2D63B - #FFF474 | 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 #B2D63B as 0% and #FFF474 as 100%.

0.0%	0.0% #B2D63B	RGB 178 214 59	#B2D63B
16.7%	16.7% #BEDB44	RGB 190 219 68	#BEDB44
33.3%	33.3% #CBE04E	RGB 203 224 78	#CBE04E
50.0%	50.0% #D8E557	RGB 216 229 87	#D8E557
66.7%	66.7% #E5EA61	RGB 229 234 97	#E5EA61
83.3%	83.3% #F2EF6A	RGB 242 239 106	#F2EF6A
100.0%	100.0% #FFF474	RGB 255 244 116	#FFF474

#B2D63B #BEDB44 #CBE04E #D8E557 #E5EA61 #F2EF6A #FFF474

#B2D63B - #FFF474

HSV Blend

#B2D63B - #FFF474 | 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 #B2D63B as 0% and #FFF474 as 100%.

0.0%	0.0% #B2D63B	RGB 178 214 59	#B2D63B
16.7%	16.7% #C1DC43	RGB 193 220 67	#C1DC43
33.3%	33.3% #D0E34C	RGB 208 227 76	#D0E34C
50.0%	50.0% #DFEA55	RGB 223 234 85	#DFEA55
66.7%	66.7% #EDF15F	RGB 237 241 95	#EDF15F
83.3%	83.3% #F8F469	RGB 248 244 105	#F8F469
100.0%	100.0% #FFF474	RGB 255 244 116	#FFF474

#B2D63B #C1DC43 #D0E34C #DFEA55 #EDF15F #F8F469 #FFF474

#B2D63B - #DFEA55 - #FFF474

CSS codes

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

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