#F5E662 - #DBB71D | 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 #F5E662 to #DBB71D

#F5E662 #DBB71D

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

#F5E662 - #DBB71D | 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 #F5E662 as 0% and #DBB71D as 100%.

0.0%	0.0% #F5E662	RGB 245 230 98	#F5E662
16.7%	16.7% #F0DE56	RGB 240 222 86	#F0DE56
33.3%	33.3% #ECD64B	RGB 236 214 75	#ECD64B
50.0%	50.0% #E8CE3F	RGB 232 206 63	#E8CE3F
66.7%	66.7% #E3C634	RGB 227 198 52	#E3C634
83.3%	83.3% #DFBE28	RGB 223 190 40	#DFBE28
100.0%	100.0% #DBB71D	RGB 219 183 29	#DBB71D

#F5E662 #F0DE56 #ECD64B #E8CE3F #E3C634 #DFBE28 #DBB71D

#F5E662 - #DBB71D

HSV Blend

#F5E662 - #DBB71D | 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 #F5E662 as 0% and #DBB71D as 100%.

0.0%	0.0% #F5E662	RGB 245 230 98	#F5E662
16.7%	16.7% #F0DE55	RGB 240 222 85	#F0DE55
33.3%	33.3% #ECD649	RGB 236 214 73	#ECD649
50.0%	50.0% #E8CF3D	RGB 232 207 61	#E8CF3D
66.7%	66.7% #E3C732	RGB 227 199 50	#E3C732
83.3%	83.3% #DFBF27	RGB 223 191 39	#DFBF27
100.0%	100.0% #DBB71D	RGB 219 183 29	#DBB71D

#F5E662 #F0DE55 #ECD649 #E8CF3D #E3C732 #DFBF27 #DBB71D

#F5E662 - #E8CF3D - #DBB71D

CSS codes

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

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