#ECE49C - #F9F7E2 | 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 #F9F7E2

#ECE49C #F9F7E2

Calculate the color between two colors, #ECE49C and #F9F7E2. 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 - #F9F7E2 | 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 #F9F7E2 as 100%.

0.0%	0.0% #ECE49C	RGB 236 228 156	#ECE49C
16.7%	16.7% #EEE7A7	RGB 238 231 167	#EEE7A7
33.3%	33.3% #F0EAB3	RGB 240 234 179	#F0EAB3
50.0%	50.0% #F2EDBF	RGB 242 237 191	#F2EDBF
66.7%	66.7% #F4F0CA	RGB 244 240 202	#F4F0CA
83.3%	83.3% #F6F3D6	RGB 246 243 214	#F6F3D6
100.0%	100.0% #F9F7E2	RGB 249 247 226	#F9F7E2

#ECE49C #EEE7A7 #F0EAB3 #F2EDBF #F4F0CA #F6F3D6 #F9F7E2

#ECE49C - #F9F7E2

HSV Blend

#ECE49C - #F9F7E2 | 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 #F9F7E2 as 100%.

0.0%	0.0% #ECE49C	RGB 236 228 156	#ECE49C
16.7%	16.7% #EEE7A7	RGB 238 231 167	#EEE7A7
33.3%	33.3% #F0EAB2	RGB 240 234 178	#F0EAB2
50.0%	50.0% #F2EDBE	RGB 242 237 190	#F2EDBE
66.7%	66.7% #F4F0C9	RGB 244 240 201	#F4F0C9
83.3%	83.3% #F6F3D5	RGB 246 243 213	#F6F3D5
100.0%	100.0% #F9F7E2	RGB 249 247 226	#F9F7E2

#ECE49C #EEE7A7 #F0EAB2 #F2EDBE #F4F0C9 #F6F3D5 #F9F7E2

#ECE49C - #F2EDBE - #F9F7E2

CSS codes

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

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