#FFFEB9 - #DFEF66 | 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 #FFFEB9 to #DFEF66

#FFFEB9 #DFEF66

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

#FFFEB9 - #DFEF66 | 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 #FFFEB9 as 0% and #DFEF66 as 100%.

0.0%	0.0% #FFFEB9	RGB 255 254 185	#FFFEB9
16.7%	16.7% #F9FBAB	RGB 249 251 171	#F9FBAB
33.3%	33.3% #F4F99D	RGB 244 249 157	#F4F99D
50.0%	50.0% #EFF68F	RGB 239 246 143	#EFF68F
66.7%	66.7% #E9F481	RGB 233 244 129	#E9F481
83.3%	83.3% #E4F173	RGB 228 241 115	#E4F173
100.0%	100.0% #DFEF66	RGB 223 239 102	#DFEF66

#FFFEB9 #F9FBAB #F4F99D #EFF68F #E9F481 #E4F173 #DFEF66

#FFFEB9 - #DFEF66

HSV Blend

#FFFEB9 - #DFEF66 | 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 #FFFEB9 as 0% and #DFEF66 as 100%.

0.0%	0.0% #FFFEB9	RGB 255 254 185	#FFFEB9
16.7%	16.7% #FBFCAA	RGB 251 252 170	#FBFCAA
33.3%	33.3% #F6F99C	RGB 246 249 156	#F6F99C
50.0%	50.0% #F1F78E	RGB 241 247 142	#F1F78E
66.7%	66.7% #EBF480	RGB 235 244 128	#EBF480
83.3%	83.3% #E5F173	RGB 229 241 115	#E5F173
100.0%	100.0% #DFEF66	RGB 223 239 102	#DFEF66

#FFFEB9 #FBFCAA #F6F99C #F1F78E #EBF480 #E5F173 #DFEF66

#FFFEB9 - #F1F78E - #DFEF66

CSS codes

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

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