#ECCC79 - #FEEFA1 | 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 #ECCC79 to #FEEFA1

#ECCC79 #FEEFA1

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

#ECCC79 - #FEEFA1 | 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 #ECCC79 as 0% and #FEEFA1 as 100%.

0.0%	0.0% #ECCC79	RGB 236 204 121	#ECCC79
16.7%	16.7% #EFD17F	RGB 239 209 127	#EFD17F
33.3%	33.3% #F2D786	RGB 242 215 134	#F2D786
50.0%	50.0% #F5DD8D	RGB 245 221 141	#F5DD8D
66.7%	66.7% #F8E393	RGB 248 227 147	#F8E393
83.3%	83.3% #FBE99A	RGB 251 233 154	#FBE99A
100.0%	100.0% #FEEFA1	RGB 254 239 161	#FEEFA1

#ECCC79 #EFD17F #F2D786 #F5DD8D #F8E393 #FBE99A #FEEFA1

#ECCC79 - #FEEFA1

HSV Blend

#ECCC79 - #FEEFA1 | 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 #ECCC79 as 0% and #FEEFA1 as 100%.

0.0%	0.0% #ECCC79	RGB 236 204 121	#ECCC79
16.7%	16.7% #EFD27F	RGB 239 210 127	#EFD27F
33.3%	33.3% #F2D885	RGB 242 216 133	#F2D885
50.0%	50.0% #F5DE8C	RGB 245 222 140	#F5DE8C
66.7%	66.7% #F8E393	RGB 248 227 147	#F8E393
83.3%	83.3% #FBE99A	RGB 251 233 154	#FBE99A
100.0%	100.0% #FEEFA1	RGB 254 239 161	#FEEFA1

#ECCC79 #EFD27F #F2D885 #F5DE8C #F8E393 #FBE99A #FEEFA1

#ECCC79 - #F5DE8C - #FEEFA1

CSS codes

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

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