#FFF3C7 - #EBCB71 | 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 #FFF3C7 to #EBCB71

#FFF3C7 #EBCB71

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

#FFF3C7 - #EBCB71 | 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 #FFF3C7 as 0% and #EBCB71 as 100%.

0.0%	0.0% #FFF3C7	RGB 255 243 199	#FFF3C7
16.7%	16.7% #FBECB8	RGB 251 236 184	#FBECB8
33.3%	33.3% #F8E5AA	RGB 248 229 170	#F8E5AA
50.0%	50.0% #F5DF9C	RGB 245 223 156	#F5DF9C
66.7%	66.7% #F1D88D	RGB 241 216 141	#F1D88D
83.3%	83.3% #EED17F	RGB 238 209 127	#EED17F
100.0%	100.0% #EBCB71	RGB 235 203 113	#EBCB71

#FFF3C7 #FBECB8 #F8E5AA #F5DF9C #F1D88D #EED17F #EBCB71

#FFF3C7 - #EBCB71

HSV Blend

#FFF3C7 - #EBCB71 | 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 #FFF3C7 as 0% and #EBCB71 as 100%.

0.0%	0.0% #FFF3C7	RGB 255 243 199	#FFF3C7
16.7%	16.7% #FBECB7	RGB 251 236 183	#FBECB7
33.3%	33.3% #F8E6A9	RGB 248 230 169	#F8E6A9
50.0%	50.0% #F5DF9A	RGB 245 223 154	#F5DF9A
66.7%	66.7% #F1D88C	RGB 241 216 140	#F1D88C
83.3%	83.3% #EED17E	RGB 238 209 126	#EED17E
100.0%	100.0% #EBCB71	RGB 235 203 113	#EBCB71

#FFF3C7 #FBECB7 #F8E6A9 #F5DF9A #F1D88C #EED17E #EBCB71

#FFF3C7 - #F5DF9A - #EBCB71

CSS codes

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

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