#F1FFA8 - #B5D948 | 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 #F1FFA8 to #B5D948

#F1FFA8 #B5D948

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

#F1FFA8 - #B5D948 | 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 #F1FFA8 as 0% and #B5D948 as 100%.

0.0%	0.0% #F1FFA8	RGB 241 255 168	#F1FFA8
16.7%	16.7% #E7F898	RGB 231 248 152	#E7F898
33.3%	33.3% #DDF288	RGB 221 242 136	#DDF288
50.0%	50.0% #D3EC78	RGB 211 236 120	#D3EC78
66.7%	66.7% #C9E568	RGB 201 229 104	#C9E568
83.3%	83.3% #BFDF58	RGB 191 223 88	#BFDF58
100.0%	100.0% #B5D948	RGB 181 217 72	#B5D948

#F1FFA8 #E7F898 #DDF288 #D3EC78 #C9E568 #BFDF58 #B5D948

#F1FFA8 - #B5D948

HSV Blend

#F1FFA8 - #B5D948 | 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 #F1FFA8 as 0% and #B5D948 as 100%.

0.0%	0.0% #F1FFA8	RGB 241 255 168	#F1FFA8
16.7%	16.7% #E7F896	RGB 231 248 150	#E7F896
33.3%	33.3% #DDF285	RGB 221 242 133	#DDF285
50.0%	50.0% #D3EC74	RGB 211 236 116	#D3EC74
66.7%	66.7% #C9E565	RGB 201 229 101	#C9E565
83.3%	83.3% #BFDF56	RGB 191 223 86	#BFDF56
100.0%	100.0% #B5D948	RGB 181 217 72	#B5D948

#F1FFA8 #E7F896 #DDF285 #D3EC74 #C9E565 #BFDF56 #B5D948

#F1FFA8 - #D3EC74 - #B5D948

CSS codes

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

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