#ECE49C - #FFF4BD | 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 #ECE49C to #FFF4BD

#ECE49C #FFF4BD

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

#ECE49C - #FFF4BD | 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 #ECE49C as 0% and #FFF4BD as 100%.

0.0%	0.0% #ECE49C	RGB 236 228 156	#ECE49C
16.7%	16.7% #EFE6A1	RGB 239 230 161	#EFE6A1
33.3%	33.3% #F2E9A7	RGB 242 233 167	#F2E9A7
50.0%	50.0% #F5ECAC	RGB 245 236 172	#F5ECAC
66.7%	66.7% #F8EEB2	RGB 248 238 178	#F8EEB2
83.3%	83.3% #FBF1B7	RGB 251 241 183	#FBF1B7
100.0%	100.0% #FFF4BD	RGB 255 244 189	#FFF4BD

#ECE49C #EFE6A1 #F2E9A7 #F5ECAC #F8EEB2 #FBF1B7 #FFF4BD

#ECE49C - #FFF4BD

HSV Blend

#ECE49C - #FFF4BD | 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 #ECE49C as 0% and #FFF4BD as 100%.

0.0%	0.0% #ECE49C	RGB 236 228 156	#ECE49C
16.7%	16.7% #EFE6A1	RGB 239 230 161	#EFE6A1
33.3%	33.3% #F2E9A6	RGB 242 233 166	#F2E9A6
50.0%	50.0% #F5EBAC	RGB 245 235 172	#F5EBAC
66.7%	66.7% #F8EEB1	RGB 248 238 177	#F8EEB1
83.3%	83.3% #FBF1B7	RGB 251 241 183	#FBF1B7
100.0%	100.0% #FFF4BD	RGB 255 244 189	#FFF4BD

#ECE49C #EFE6A1 #F2E9A6 #F5EBAC #F8EEB1 #FBF1B7 #FFF4BD

#ECE49C - #F5EBAC - #FFF4BD

CSS codes

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

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