#FFAC3E - #EBE366 | 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 #FFAC3E to #EBE366

#FFAC3E #EBE366

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

#FFAC3E - #EBE366 | 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 #FFAC3E as 0% and #EBE366 as 100%.

0.0%	0.0% #FFAC3E	RGB 255 172 62	#FFAC3E
16.7%	16.7% #FBB544	RGB 251 181 68	#FBB544
33.3%	33.3% #F8BE4B	RGB 248 190 75	#F8BE4B
50.0%	50.0% #F5C752	RGB 245 199 82	#F5C752
66.7%	66.7% #F1D058	RGB 241 208 88	#F1D058
83.3%	83.3% #EED95F	RGB 238 217 95	#EED95F
100.0%	100.0% #EBE366	RGB 235 227 102	#EBE366

#FFAC3E #FBB544 #F8BE4B #F5C752 #F1D058 #EED95F #EBE366

#FFAC3E - #EBE366

HSV Blend

#FFAC3E - #EBE366 | 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 #FFAC3E as 0% and #EBE366 as 100%.

0.0%	0.0% #FFAC3D	RGB 255 172 61	#FFAC3D
16.7%	16.7% #FBB845	RGB 251 184 69	#FBB845
33.3%	33.3% #F8C34C	RGB 248 195 76	#F8C34C
50.0%	50.0% #F5CD52	RGB 245 205 82	#F5CD52
66.7%	66.7% #F1D559	RGB 241 213 89	#F1D559
83.3%	83.3% #EEDC5F	RGB 238 220 95	#EEDC5F
100.0%	100.0% #EBE366	RGB 235 227 102	#EBE366

#FFAC3D #FBB845 #F8C34C #F5CD52 #F1D559 #EEDC5F #EBE366

#FFAC3E - #F5CD52 - #EBE366

CSS codes

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

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