#FDF69C - #EBDC45 | 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 #FDF69C to #EBDC45

#FDF69C #EBDC45

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

#FDF69C - #EBDC45 | 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 #FDF69C as 0% and #EBDC45 as 100%.

0.0%	0.0% #FDF69C	RGB 253 246 156	#FDF69C
16.7%	16.7% #FAF18D	RGB 250 241 141	#FAF18D
33.3%	33.3% #F7ED7F	RGB 247 237 127	#F7ED7F
50.0%	50.0% #F4E970	RGB 244 233 112	#F4E970
66.7%	66.7% #F1E462	RGB 241 228 98	#F1E462
83.3%	83.3% #EEE053	RGB 238 224 83	#EEE053
100.0%	100.0% #EBDC45	RGB 235 220 69	#EBDC45

#FDF69C #FAF18D #F7ED7F #F4E970 #F1E462 #EEE053 #EBDC45

#FDF69C - #EBDC45

HSV Blend

#FDF69C - #EBDC45 | 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 #FDF69C as 0% and #EBDC45 as 100%.

0.0%	0.0% #FDF69C	RGB 253 246 156	#FDF69C
16.7%	16.7% #FAF18C	RGB 250 241 140	#FAF18C
33.3%	33.3% #F7ED7D	RGB 247 237 125	#F7ED7D
50.0%	50.0% #F4E96F	RGB 244 233 111	#F4E96F
66.7%	66.7% #F1E460	RGB 241 228 96	#F1E460
83.3%	83.3% #EEE052	RGB 238 224 82	#EEE052
100.0%	100.0% #EBDC45	RGB 235 220 69	#EBDC45

#FDF69C #FAF18C #F7ED7D #F4E96F #F1E460 #EEE052 #EBDC45

#FDF69C - #F4E96F - #EBDC45

CSS codes

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

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