#FFDF2D - #E8F16A | 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 #FFDF2D to #E8F16A

#FFDF2D #E8F16A

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

#FFDF2D - #E8F16A | 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 #FFDF2D as 0% and #E8F16A as 100%.

0.0%	0.0% #FFDF2D	RGB 255 223 45	#FFDF2D
16.7%	16.7% #FBE237	RGB 251 226 55	#FBE237
33.3%	33.3% #F7E541	RGB 247 229 65	#F7E541
50.0%	50.0% #F3E84B	RGB 243 232 75	#F3E84B
66.7%	66.7% #EFEB55	RGB 239 235 85	#EFEB55
83.3%	83.3% #EBEE5F	RGB 235 238 95	#EBEE5F
100.0%	100.0% #E8F16A	RGB 232 241 106	#E8F16A

#FFDF2D #FBE237 #F7E541 #F3E84B #EFEB55 #EBEE5F #E8F16A

#FFDF2D - #E8F16A

HSV Blend

#FFDF2D - #E8F16A | 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 #FFDF2D as 0% and #E8F16A as 100%.

0.0%	0.0% #FFDF2C	RGB 255 223 44	#FFDF2C
16.7%	16.7% #FCE537	RGB 252 229 55	#FCE537
33.3%	33.3% #FAEB42	RGB 250 235 66	#FAEB42
50.0%	50.0% #F8F04C	RGB 248 240 76	#F8F04C
66.7%	66.7% #F5F456	RGB 245 244 86	#F5F456
83.3%	83.3% #EEF360	RGB 238 243 96	#EEF360
100.0%	100.0% #E8F16A	RGB 232 241 106	#E8F16A

#FFDF2C #FCE537 #FAEB42 #F8F04C #F5F456 #EEF360 #E8F16A

#FFDF2D - #F8F04C - #E8F16A

CSS codes

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

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