#FFF3C2 - #EBCB6B | 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 #FFF3C2 to #EBCB6B

#FFF3C2 #EBCB6B

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

#FFF3C2 - #EBCB6B | 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 #FFF3C2 as 0% and #EBCB6B as 100%.

0.0%	0.0% #FFF3C2	RGB 255 243 194	#FFF3C2
16.7%	16.7% #FBECB3	RGB 251 236 179	#FBECB3
33.3%	33.3% #F8E5A5	RGB 248 229 165	#F8E5A5
50.0%	50.0% #F5DF96	RGB 245 223 150	#F5DF96
66.7%	66.7% #F1D888	RGB 241 216 136	#F1D888
83.3%	83.3% #EED179	RGB 238 209 121	#EED179
100.0%	100.0% #EBCB6B	RGB 235 203 107	#EBCB6B

#FFF3C2 #FBECB3 #F8E5A5 #F5DF96 #F1D888 #EED179 #EBCB6B

#FFF3C2 - #EBCB6B

HSV Blend

#FFF3C2 - #EBCB6B | 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 #FFF3C2 as 0% and #EBCB6B as 100%.

0.0%	0.0% #FFF3C2	RGB 255 243 194	#FFF3C2
16.7%	16.7% #FBECB2	RGB 251 236 178	#FBECB2
33.3%	33.3% #F8E6A3	RGB 248 230 163	#F8E6A3
50.0%	50.0% #F5DF94	RGB 245 223 148	#F5DF94
66.7%	66.7% #F1D886	RGB 241 216 134	#F1D886
83.3%	83.3% #EED178	RGB 238 209 120	#EED178
100.0%	100.0% #EBCB6B	RGB 235 203 107	#EBCB6B

#FFF3C2 #FBECB2 #F8E6A3 #F5DF94 #F1D886 #EED178 #EBCB6B

#FFF3C2 - #F5DF94 - #EBCB6B

CSS codes

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

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