#FCFF2B - #DDFB83 | 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 #FCFF2B to #DDFB83

#FCFF2B #DDFB83

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

#FCFF2B - #DDFB83 | 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 #FCFF2B as 0% and #DDFB83 as 100%.

0.0%	0.0% #FCFF2B	RGB 252 255 43	#FCFF2B
16.7%	16.7% #F6FE39	RGB 246 254 57	#F6FE39
33.3%	33.3% #F1FD48	RGB 241 253 72	#F1FD48
50.0%	50.0% #ECFD57	RGB 236 253 87	#ECFD57
66.7%	66.7% #E7FC65	RGB 231 252 101	#E7FC65
83.3%	83.3% #E2FB74	RGB 226 251 116	#E2FB74
100.0%	100.0% #DDFB83	RGB 221 251 131	#DDFB83

#FCFF2B #F6FE39 #F1FD48 #ECFD57 #E7FC65 #E2FB74 #DDFB83

#FCFF2B - #DDFB83

HSV Blend

#FCFF2B - #DDFB83 | 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 #FCFF2B as 0% and #DDFB83 as 100%.

0.0%	0.0% #FCFF2A	RGB 252 255 42	#FCFF2A
16.7%	16.7% #F3FE39	RGB 243 254 57	#F3FE39
33.3%	33.3% #ECFD48	RGB 236 253 72	#ECFD48
50.0%	50.0% #E7FD57	RGB 231 253 87	#E7FD57
66.7%	66.7% #E2FC65	RGB 226 252 101	#E2FC65
83.3%	83.3% #DFFB74	RGB 223 251 116	#DFFB74
100.0%	100.0% #DDFB83	RGB 221 251 131	#DDFB83

#FCFF2A #F3FE39 #ECFD48 #E7FD57 #E2FC65 #DFFB74 #DDFB83

#FCFF2B - #E7FD57 - #DDFB83

CSS codes

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

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