#F9EB6D - #E1BF22 | 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 #F9EB6D to #E1BF22

#F9EB6D #E1BF22

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

#F9EB6D - #E1BF22 | 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 #F9EB6D as 0% and #E1BF22 as 100%.

0.0%	0.0% #F9EB6D	RGB 249 235 109	#F9EB6D
16.7%	16.7% #F5E360	RGB 245 227 96	#F5E360
33.3%	33.3% #F1DC54	RGB 241 220 84	#F1DC54
50.0%	50.0% #EDD547	RGB 237 213 71	#EDD547
66.7%	66.7% #E9CD3B	RGB 233 205 59	#E9CD3B
83.3%	83.3% #E5C62E	RGB 229 198 46	#E5C62E
100.0%	100.0% #E1BF22	RGB 225 191 34	#E1BF22

#F9EB6D #F5E360 #F1DC54 #EDD547 #E9CD3B #E5C62E #E1BF22

#F9EB6D - #E1BF22

HSV Blend

#F9EB6D - #E1BF22 | 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 #F9EB6D as 0% and #E1BF22 as 100%.

0.0%	0.0% #F9EB6D	RGB 249 235 109	#F9EB6D
16.7%	16.7% #F5E45F	RGB 245 228 95	#F5E45F
33.3%	33.3% #F1DD52	RGB 241 221 82	#F1DD52
50.0%	50.0% #EDD545	RGB 237 213 69	#EDD545
66.7%	66.7% #E9CE39	RGB 233 206 57	#E9CE39
83.3%	83.3% #E5C62D	RGB 229 198 45	#E5C62D
100.0%	100.0% #E1BF22	RGB 225 191 34	#E1BF22

#F9EB6D #F5E45F #F1DD52 #EDD545 #E9CE39 #E5C62D #E1BF22

#F9EB6D - #EDD545 - #E1BF22

CSS codes

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

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