#FFEE3D - #FFB059 | 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 #FFEE3D to #FFB059

#FFEE3D #FFB059

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

#FFEE3D - #FFB059 | 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 #FFEE3D as 0% and #FFB059 as 100%.

0.0%	0.0% #FFEE3D	RGB 255 238 61	#FFEE3D
16.7%	16.7% #FFE341	RGB 255 227 65	#FFE341
33.3%	33.3% #FFD946	RGB 255 217 70	#FFD946
50.0%	50.0% #FFCF4B	RGB 255 207 75	#FFCF4B
66.7%	66.7% #FFC44F	RGB 255 196 79	#FFC44F
83.3%	83.3% #FFBA54	RGB 255 186 84	#FFBA54
100.0%	100.0% #FFB059	RGB 255 176 89	#FFB059

#FFEE3D #FFE341 #FFD946 #FFCF4B #FFC44F #FFBA54 #FFB059

#FFEE3D - #FFB059

HSV Blend

#FFEE3D - #FFB059 | 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 #FFEE3D as 0% and #FFB059 as 100%.

0.0%	0.0% #FFEE3D	RGB 255 238 61	#FFEE3D
16.7%	16.7% #FFE241	RGB 255 226 65	#FFE241
33.3%	33.3% #FFD646	RGB 255 214 70	#FFD646
50.0%	50.0% #FFCC4B	RGB 255 204 75	#FFCC4B
66.7%	66.7% #FFC24F	RGB 255 194 79	#FFC24F
83.3%	83.3% #FFB854	RGB 255 184 84	#FFB854
100.0%	100.0% #FFB059	RGB 255 176 89	#FFB059

#FFEE3D #FFE241 #FFD646 #FFCC4B #FFC24F #FFB854 #FFB059

#FFEE3D - #FFCC4B - #FFB059

CSS codes

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

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