#FCFFB2 - #D7ED5E | 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 #FCFFB2 to #D7ED5E

#FCFFB2 #D7ED5E

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

#FCFFB2 - #D7ED5E | 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 #FCFFB2 as 0% and #D7ED5E as 100%.

0.0%	0.0% #FCFFB2	RGB 252 255 178	#FCFFB2
16.7%	16.7% #F5FCA4	RGB 245 252 164	#F5FCA4
33.3%	33.3% #EFF996	RGB 239 249 150	#EFF996
50.0%	50.0% #E9F688	RGB 233 246 136	#E9F688
66.7%	66.7% #E3F37A	RGB 227 243 122	#E3F37A
83.3%	83.3% #DDF06C	RGB 221 240 108	#DDF06C
100.0%	100.0% #D7ED5E	RGB 215 237 94	#D7ED5E

#FCFFB2 #F5FCA4 #EFF996 #E9F688 #E3F37A #DDF06C #D7ED5E

#FCFFB2 - #D7ED5E

HSV Blend

#FCFFB2 - #D7ED5E | 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 #FCFFB2 as 0% and #D7ED5E as 100%.

0.0%	0.0% #FCFFB2	RGB 252 255 178	#FCFFB2
16.7%	16.7% #F6FCA3	RGB 246 252 163	#F6FCA3
33.3%	33.3% #F1F994	RGB 241 249 148	#F1F994
50.0%	50.0% #EBF686	RGB 235 246 134	#EBF686
66.7%	66.7% #E4F378	RGB 228 243 120	#E4F378
83.3%	83.3% #DEF06B	RGB 222 240 107	#DEF06B
100.0%	100.0% #D7ED5E	RGB 215 237 94	#D7ED5E

#FCFFB2 #F6FCA3 #F1F994 #EBF686 #E4F378 #DEF06B #D7ED5E

#FCFFB2 - #EBF686 - #D7ED5E

CSS codes

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

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