#FFD44B - #EDF080 | 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 #FFD44B to #EDF080

#FFD44B #EDF080

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

#FFD44B - #EDF080 | 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 #FFD44B as 0% and #EDF080 as 100%.

0.0%	0.0% #FFD44B	RGB 255 212 75	#FFD44B
16.7%	16.7% #FCD853	RGB 252 216 83	#FCD853
33.3%	33.3% #F9DD5C	RGB 249 221 92	#F9DD5C
50.0%	50.0% #F6E265	RGB 246 226 101	#F6E265
66.7%	66.7% #F3E66E	RGB 243 230 110	#F3E66E
83.3%	83.3% #F0EB77	RGB 240 235 119	#F0EB77
100.0%	100.0% #EDF080	RGB 237 240 128	#EDF080

#FFD44B #FCD853 #F9DD5C #F6E265 #F3E66E #F0EB77 #EDF080

#FFD44B - #EDF080

HSV Blend

#FFD44B - #EDF080 | 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 #FFD44B as 0% and #EDF080 as 100%.

0.0%	0.0% #FFD44B	RGB 255 212 75	#FFD44B
16.7%	16.7% #FCDB54	RGB 252 219 84	#FCDB54
33.3%	33.3% #FAE25D	RGB 250 226 93	#FAE25D
50.0%	50.0% #F7E866	RGB 247 232 102	#F7E866
66.7%	66.7% #F5EC6F	RGB 245 236 111	#F5EC6F
83.3%	83.3% #F2F077	RGB 242 240 119	#F2F077
100.0%	100.0% #EDF080	RGB 237 240 128	#EDF080

#FFD44B #FCDB54 #FAE25D #F7E866 #F5EC6F #F2F077 #EDF080

#FFD44B - #F7E866 - #EDF080

CSS codes

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

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