#F5E678 - #DCB929 | 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 #F5E678 to #DCB929

#F5E678 #DCB929

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

#F5E678 - #DCB929 | 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 #F5E678 as 0% and #DCB929 as 100%.

0.0%	0.0% #F5E678	RGB 245 230 120	#F5E678
16.7%	16.7% #F0DE6A	RGB 240 222 106	#F0DE6A
33.3%	33.3% #ECD75D	RGB 236 215 93	#ECD75D
50.0%	50.0% #E8CF50	RGB 232 207 80	#E8CF50
66.7%	66.7% #E4C843	RGB 228 200 67	#E4C843
83.3%	83.3% #E0C036	RGB 224 192 54	#E0C036
100.0%	100.0% #DCB929	RGB 220 185 41	#DCB929

#F5E678 #F0DE6A #ECD75D #E8CF50 #E4C843 #E0C036 #DCB929

#F5E678 - #DCB929

HSV Blend

#F5E678 - #DCB929 | 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 #F5E678 as 0% and #DCB929 as 100%.

0.0%	0.0% #F5E678	RGB 245 230 120	#F5E678
16.7%	16.7% #F0DE69	RGB 240 222 105	#F0DE69
33.3%	33.3% #ECD75B	RGB 236 215 91	#ECD75B
50.0%	50.0% #E8D04E	RGB 232 208 78	#E8D04E
66.7%	66.7% #E4C841	RGB 228 200 65	#E4C841
83.3%	83.3% #E0C035	RGB 224 192 53	#E0C035
100.0%	100.0% #DCB929	RGB 220 185 41	#DCB929

#F5E678 #F0DE69 #ECD75B #E8D04E #E4C841 #E0C035 #DCB929

#F5E678 - #E8D04E - #DCB929

CSS codes

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

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