#FFEC64 - #FFFAD2 | 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 #FFEC64 to #FFFAD2

#FFEC64 #FFFAD2

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

#FFEC64 - #FFFAD2 | 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 #FFEC64 as 0% and #FFFAD2 as 100%.

0.0%	0.0% #FFEC64	RGB 255 236 100	#FFEC64
16.7%	16.7% #FFEE76	RGB 255 238 118	#FFEE76
33.3%	33.3% #FFF088	RGB 255 240 136	#FFF088
50.0%	50.0% #FFF39B	RGB 255 243 155	#FFF39B
66.7%	66.7% #FFF5AD	RGB 255 245 173	#FFF5AD
83.3%	83.3% #FFF7BF	RGB 255 247 191	#FFF7BF
100.0%	100.0% #FFFAD2	RGB 255 250 210	#FFFAD2

#FFEC64 #FFEE76 #FFF088 #FFF39B #FFF5AD #FFF7BF #FFFAD2

#FFEC64 - #FFFAD2

HSV Blend

#FFEC64 - #FFFAD2 | 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 #FFEC64 as 0% and #FFFAD2 as 100%.

0.0%	0.0% #FFEC64	RGB 255 236 100	#FFEC64
16.7%	16.7% #FFEE76	RGB 255 238 118	#FFEE76
33.3%	33.3% #FFF088	RGB 255 240 136	#FFF088
50.0%	50.0% #FFF39B	RGB 255 243 155	#FFF39B
66.7%	66.7% #FFF5AD	RGB 255 245 173	#FFF5AD
83.3%	83.3% #FFF7BF	RGB 255 247 191	#FFF7BF
100.0%	100.0% #FFFAD2	RGB 255 250 210	#FFFAD2

#FFEC64 #FFEE76 #FFF088 #FFF39B #FFF5AD #FFF7BF #FFFAD2

#FFEC64 - #FFF39B - #FFFAD2

CSS codes

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

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