#FFD914 - #B8FF10 | 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 #FFD914 to #B8FF10

#FFD914 #B8FF10

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

#FFD914 - #B8FF10 | 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 #FFD914 as 0% and #B8FF10 as 100%.

0.0%	0.0% #FFD914	RGB 255 217 20	#FFD914
16.7%	16.7% #F3DF13	RGB 243 223 19	#F3DF13
33.3%	33.3% #E7E512	RGB 231 229 18	#E7E512
50.0%	50.0% #DBEC12	RGB 219 236 18	#DBEC12
66.7%	66.7% #CFF211	RGB 207 242 17	#CFF211
83.3%	83.3% #C3F810	RGB 195 248 16	#C3F810
100.0%	100.0% #B8FF10	RGB 184 255 16	#B8FF10

#FFD914 #F3DF13 #E7E512 #DBEC12 #CFF211 #C3F810 #B8FF10

#FFD914 - #B8FF10

HSV Blend

#FFD914 - #B8FF10 | 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 #FFD914 as 0% and #B8FF10 as 100%.

0.0%	0.0% #FFD913	RGB 255 217 19	#FFD913
16.7%	16.7% #FFEA13	RGB 255 234 19	#FFEA13
33.3%	33.3% #FFFC12	RGB 255 252 18	#FFFC12
50.0%	50.0% #EEFF11	RGB 238 255 17	#EEFF11
66.7%	66.7% #DCFF11	RGB 220 255 17	#DCFF11
83.3%	83.3% #CAFF10	RGB 202 255 16	#CAFF10
100.0%	100.0% #B8FF10	RGB 184 255 16	#B8FF10

#FFD913 #FFEA13 #FFFC12 #EEFF11 #DCFF11 #CAFF10 #B8FF10

#FFD914 - #EEFF11 - #B8FF10

CSS codes

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

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