#ECBF8C - #FCEEB1 | 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 #ECBF8C to #FCEEB1

#ECBF8C #FCEEB1

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

#ECBF8C - #FCEEB1 | 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 #ECBF8C as 0% and #FCEEB1 as 100%.

0.0%	0.0% #ECBF8C	RGB 236 191 140	#ECBF8C
16.7%	16.7% #EEC692	RGB 238 198 146	#EEC692
33.3%	33.3% #F1CE98	RGB 241 206 152	#F1CE98
50.0%	50.0% #F4D69E	RGB 244 214 158	#F4D69E
66.7%	66.7% #F6DEA4	RGB 246 222 164	#F6DEA4
83.3%	83.3% #F9E6AA	RGB 249 230 170	#F9E6AA
100.0%	100.0% #FCEEB1	RGB 252 238 177	#FCEEB1

#ECBF8C #EEC692 #F1CE98 #F4D69E #F6DEA4 #F9E6AA #FCEEB1

#ECBF8C - #FCEEB1

HSV Blend

#ECBF8C - #FCEEB1 | 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 #ECBF8C as 0% and #FCEEB1 as 100%.

0.0%	0.0% #ECBF8C	RGB 236 191 140	#ECBF8C
16.7%	16.7% #EEC791	RGB 238 199 145	#EEC791
33.3%	33.3% #F1CF97	RGB 241 207 151	#F1CF97
50.0%	50.0% #F4D79E	RGB 244 215 158	#F4D79E
66.7%	66.7% #F6DFA4	RGB 246 223 164	#F6DFA4
83.3%	83.3% #F9E6AA	RGB 249 230 170	#F9E6AA
100.0%	100.0% #FCEEB1	RGB 252 238 177	#FCEEB1

#ECBF8C #EEC791 #F1CF97 #F4D79E #F6DFA4 #F9E6AA #FCEEB1

#ECBF8C - #F4D79E - #FCEEB1

CSS codes

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

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