#EECF7B - #FAF1D9 | 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 #EECF7B to #FAF1D9

#EECF7B #FAF1D9

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

#EECF7B - #FAF1D9 | 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 #EECF7B as 0% and #FAF1D9 as 100%.

0.0%	0.0% #EECF7B	RGB 238 207 123	#EECF7B
16.7%	16.7% #F0D48A	RGB 240 212 138	#F0D48A
33.3%	33.3% #F2DA9A	RGB 242 218 154	#F2DA9A
50.0%	50.0% #F4E0AA	RGB 244 224 170	#F4E0AA
66.7%	66.7% #F6E5B9	RGB 246 229 185	#F6E5B9
83.3%	83.3% #F8EBC9	RGB 248 235 201	#F8EBC9
100.0%	100.0% #FAF1D9	RGB 250 241 217	#FAF1D9

#EECF7B #F0D48A #F2DA9A #F4E0AA #F6E5B9 #F8EBC9 #FAF1D9

#EECF7B - #FAF1D9

HSV Blend

#EECF7B - #FAF1D9 | 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 #EECF7B as 0% and #FAF1D9 as 100%.

0.0%	0.0% #EECF7B	RGB 238 207 123	#EECF7B
16.7%	16.7% #F0D48A	RGB 240 212 138	#F0D48A
33.3%	33.3% #F2DA99	RGB 242 218 153	#F2DA99
50.0%	50.0% #F4DFA8	RGB 244 223 168	#F4DFA8
66.7%	66.7% #F6E5B8	RGB 246 229 184	#F6E5B8
83.3%	83.3% #F8EBC8	RGB 248 235 200	#F8EBC8
100.0%	100.0% #FAF1D9	RGB 250 241 217	#FAF1D9

#EECF7B #F0D48A #F2DA99 #F4DFA8 #F6E5B8 #F8EBC8 #FAF1D9

#EECF7B - #F4DFA8 - #FAF1D9

CSS codes

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

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