#FFAE78 - #F1ECA1 | 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 #FFAE78 to #F1ECA1

#FFAE78 #F1ECA1

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

#FFAE78 - #F1ECA1 | 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 #FFAE78 as 0% and #F1ECA1 as 100%.

0.0%	0.0% #FFAE78	RGB 255 174 120	#FFAE78
16.7%	16.7% #FCB87E	RGB 252 184 126	#FCB87E
33.3%	33.3% #FAC285	RGB 250 194 133	#FAC285
50.0%	50.0% #F8CD8C	RGB 248 205 140	#F8CD8C
66.7%	66.7% #F5D793	RGB 245 215 147	#F5D793
83.3%	83.3% #F3E19A	RGB 243 225 154	#F3E19A
100.0%	100.0% #F1ECA1	RGB 241 236 161	#F1ECA1

#FFAE78 #FCB87E #FAC285 #F8CD8C #F5D793 #F3E19A #F1ECA1

#FFAE78 - #F1ECA1

HSV Blend

#FFAE78 - #F1ECA1 | 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 #FFAE78 as 0% and #F1ECA1 as 100%.

0.0%	0.0% #FFAE78	RGB 255 174 120	#FFAE78
16.7%	16.7% #FCBC7F	RGB 252 188 127	#FCBC7F
33.3%	33.3% #FAC986	RGB 250 201 134	#FAC986
50.0%	50.0% #F8D48D	RGB 248 212 141	#F8D48D
66.7%	66.7% #F5DE93	RGB 245 222 147	#F5DE93
83.3%	83.3% #F3E59A	RGB 243 229 154	#F3E59A
100.0%	100.0% #F1ECA1	RGB 241 236 161	#F1ECA1

#FFAE78 #FCBC7F #FAC986 #F8D48D #F5DE93 #F3E59A #F1ECA1

#FFAE78 - #F8D48D - #F1ECA1

CSS codes

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

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