#FDFEB6 - #D4E15C | 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 #FDFEB6 to #D4E15C

#FDFEB6 #D4E15C

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

#FDFEB6 - #D4E15C | 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 #FDFEB6 as 0% and #D4E15C as 100%.

0.0%	0.0% #FDFEB6	RGB 253 254 182	#FDFEB6
16.7%	16.7% #F6F9A7	RGB 246 249 167	#F6F9A7
33.3%	33.3% #EFF498	RGB 239 244 152	#EFF498
50.0%	50.0% #E8EF89	RGB 232 239 137	#E8EF89
66.7%	66.7% #E1EA7A	RGB 225 234 122	#E1EA7A
83.3%	83.3% #DAE56B	RGB 218 229 107	#DAE56B
100.0%	100.0% #D4E15C	RGB 212 225 92	#D4E15C

#FDFEB6 #F6F9A7 #EFF498 #E8EF89 #E1EA7A #DAE56B #D4E15C

#FDFEB6 - #D4E15C

HSV Blend

#FDFEB6 - #D4E15C | 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 #FDFEB6 as 0% and #D4E15C as 100%.

0.0%	0.0% #FDFEB6	RGB 253 254 182	#FDFEB6
16.7%	16.7% #F6F9A5	RGB 246 249 165	#F6F9A5
33.3%	33.3% #F0F496	RGB 240 244 150	#F0F496
50.0%	50.0% #E9EF86	RGB 233 239 134	#E9EF86
66.7%	66.7% #E2EA78	RGB 226 234 120	#E2EA78
83.3%	83.3% #DBE569	RGB 219 229 105	#DBE569
100.0%	100.0% #D4E15C	RGB 212 225 92	#D4E15C

#FDFEB6 #F6F9A5 #F0F496 #E9EF86 #E2EA78 #DBE569 #D4E15C

#FDFEB6 - #E9EF86 - #D4E15C

CSS codes

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

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