#FCFF82 - #ECFAC0 | 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 #FCFF82 to #ECFAC0

#FCFF82 #ECFAC0

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

#FCFF82 - #ECFAC0 | 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 #FCFF82 as 0% and #ECFAC0 as 100%.

0.0%	0.0% #FCFF82	RGB 252 255 130	#FCFF82
16.7%	16.7% #F9FE8C	RGB 249 254 140	#F9FE8C
33.3%	33.3% #F6FD96	RGB 246 253 150	#F6FD96
50.0%	50.0% #F4FCA1	RGB 244 252 161	#F4FCA1
66.7%	66.7% #F1FBAB	RGB 241 251 171	#F1FBAB
83.3%	83.3% #EEFAB5	RGB 238 250 181	#EEFAB5
100.0%	100.0% #ECFAC0	RGB 236 250 192	#ECFAC0

#FCFF82 #F9FE8C #F6FD96 #F4FCA1 #F1FBAB #EEFAB5 #ECFAC0

#FCFF82 - #ECFAC0

HSV Blend

#FCFF82 - #ECFAC0 | 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 #FCFF82 as 0% and #ECFAC0 as 100%.

0.0%	0.0% #FCFF82	RGB 252 255 130	#FCFF82
16.7%	16.7% #F7FE8C	RGB 247 254 140	#F7FE8C
33.3%	33.3% #F3FD96	RGB 243 253 150	#F3FD96
50.0%	50.0% #F0FCA1	RGB 240 252 161	#F0FCA1
66.7%	66.7% #EEFBAB	RGB 238 251 171	#EEFBAB
83.3%	83.3% #ECFAB5	RGB 236 250 181	#ECFAB5
100.0%	100.0% #ECFAC0	RGB 236 250 192	#ECFAC0

#FCFF82 #F7FE8C #F3FD96 #F0FCA1 #EEFBAB #ECFAB5 #ECFAC0

#FCFF82 - #F0FCA1 - #ECFAC0

CSS codes

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

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