#FCFFAA - #C4DF4D | 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 #FCFFAA to #C4DF4D

#FCFFAA #C4DF4D

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

#FCFFAA - #C4DF4D | 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 #FCFFAA as 0% and #C4DF4D as 100%.

0.0%	0.0% #FCFFAA	RGB 252 255 170	#FCFFAA
16.7%	16.7% #F2F99A	RGB 242 249 154	#F2F99A
33.3%	33.3% #E9F48B	RGB 233 244 139	#E9F48B
50.0%	50.0% #E0EF7B	RGB 224 239 123	#E0EF7B
66.7%	66.7% #D6E96C	RGB 214 233 108	#D6E96C
83.3%	83.3% #CDE45C	RGB 205 228 92	#CDE45C
100.0%	100.0% #C4DF4D	RGB 196 223 77	#C4DF4D

#FCFFAA #F2F99A #E9F48B #E0EF7B #D6E96C #CDE45C #C4DF4D

#FCFFAA - #C4DF4D

HSV Blend

#FCFFAA - #C4DF4D | 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 #FCFFAA as 0% and #C4DF4D as 100%.

0.0%	0.0% #FCFFAA	RGB 252 255 170	#FCFFAA
16.7%	16.7% #F3F999	RGB 243 249 153	#F3F999
33.3%	33.3% #EBF488	RGB 235 244 136	#EBF488
50.0%	50.0% #E1EF78	RGB 225 239 120	#E1EF78
66.7%	66.7% #D8E969	RGB 216 233 105	#D8E969
83.3%	83.3% #CEE45B	RGB 206 228 91	#CEE45B
100.0%	100.0% #C4DF4D	RGB 196 223 77	#C4DF4D

#FCFFAA #F3F999 #EBF488 #E1EF78 #D8E969 #CEE45B #C4DF4D

#FCFFAA - #E1EF78 - #C4DF4D

CSS codes

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

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