#FFDA4A - #EEF181 | 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 #FFDA4A to #EEF181

#FFDA4A #EEF181

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

#FFDA4A - #EEF181 | 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 #FFDA4A as 0% and #EEF181 as 100%.

0.0%	0.0% #FFDA4A	RGB 255 218 74	#FFDA4A
16.7%	16.7% #FCDD53	RGB 252 221 83	#FCDD53
33.3%	33.3% #F9E15C	RGB 249 225 92	#F9E15C
50.0%	50.0% #F6E565	RGB 246 229 101	#F6E565
66.7%	66.7% #F3E96E	RGB 243 233 110	#F3E96E
83.3%	83.3% #F0ED77	RGB 240 237 119	#F0ED77
100.0%	100.0% #EEF181	RGB 238 241 129	#EEF181

#FFDA4A #FCDD53 #F9E15C #F6E565 #F3E96E #F0ED77 #EEF181

#FFDA4A - #EEF181

HSV Blend

#FFDA4A - #EEF181 | 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 #FFDA4A as 0% and #EEF181 as 100%.

0.0%	0.0% #FFDA49	RGB 255 218 73	#FFDA49
16.7%	16.7% #FCE053	RGB 252 224 83	#FCE053
33.3%	33.3% #FAE65D	RGB 250 230 93	#FAE65D
50.0%	50.0% #F8EB66	RGB 248 235 102	#F8EB66
66.7%	66.7% #F5EE6F	RGB 245 238 111	#F5EE6F
83.3%	83.3% #F3F178	RGB 243 241 120	#F3F178
100.0%	100.0% #EEF181	RGB 238 241 129	#EEF181

#FFDA49 #FCE053 #FAE65D #F8EB66 #F5EE6F #F3F178 #EEF181

#FFDA4A - #F8EB66 - #EEF181

CSS codes

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

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