#F5E56F - #DCB724 | 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 #F5E56F to #DCB724

#F5E56F #DCB724

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

#F5E56F - #DCB724 | 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 #F5E56F as 0% and #DCB724 as 100%.

0.0%	0.0% #F5E56F	RGB 245 229 111	#F5E56F
16.7%	16.7% #F0DD62	RGB 240 221 98	#F0DD62
33.3%	33.3% #ECD556	RGB 236 213 86	#ECD556
50.0%	50.0% #E8CE49	RGB 232 206 73	#E8CE49
66.7%	66.7% #E4C63D	RGB 228 198 61	#E4C63D
83.3%	83.3% #E0BE30	RGB 224 190 48	#E0BE30
100.0%	100.0% #DCB724	RGB 220 183 36	#DCB724

#F5E56F #F0DD62 #ECD556 #E8CE49 #E4C63D #E0BE30 #DCB724

#F5E56F - #DCB724

HSV Blend

#F5E56F - #DCB724 | 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 #F5E56F as 0% and #DCB724 as 100%.

0.0%	0.0% #F5E56F	RGB 245 229 111	#F5E56F
16.7%	16.7% #F0DD61	RGB 240 221 97	#F0DD61
33.3%	33.3% #ECD654	RGB 236 214 84	#ECD654
50.0%	50.0% #E8CE47	RGB 232 206 71	#E8CE47
66.7%	66.7% #E4C63B	RGB 228 198 59	#E4C63B
83.3%	83.3% #E0BF2F	RGB 224 191 47	#E0BF2F
100.0%	100.0% #DCB724	RGB 220 183 36	#DCB724

#F5E56F #F0DD61 #ECD654 #E8CE47 #E4C63B #E0BF2F #DCB724

#F5E56F - #E8CE47 - #DCB724

CSS codes

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

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